如何升级非常旧的 Discourse 站点？

支持 安装
6

你好 @Paul-Reed 和 @codinghorror，

@pfaffman 帮我恢复了运行……他做得太棒了！网站焕然一新，Discourse 也表现卓越，因为所有需要的数据都在备份中！

Discourse 的技术真是太厉害了！

@pfaffman 向我分享了以下信息：

  1. 一种双容器安装方案 详见此处。
  2. 对于非常古老的安装版本，从备份恢复到全新安装似乎是最省力的路径。
  3. 实际上，备份之外只有一文件有用，那就是 /var/discourse/containers/app.yml 文件。而且我应该每天备份，而不是每 7 天一次！

一个我本应牢记的关键教训：

你以为某件事只需 10 分钟，但有时并非如此。我之所以介入这次更新，只是想确保能给 @Paul-Reed 一些关于标题栏的好建议。哎呀！这不仅仅是我学到了这一点，我们常常也会忘记。我的专长是通过我的咨询公司 https://www.shakacode.com 和我的开源项目 https://github.com/shakacode/react_on_rails，帮助使用 React 和 Ruby on Rails 构建的网站运行得更好。

Docker 类型的 DevOps 操作我虽然能做，但这会占用大量时间，影响我真正想完成的事情！

因此，我在考虑请 @pfaffman 帮我更新 https://forum.shakacode.com/ 的主页。

所以，对 @codinghorror 和 @pfaffman 提供的所有帮助表示衷心的感谢！

如果你感兴趣，以下是引发我这次旧 Discourse 站点更新的自定义标题修复方案。

自定义标题栏

首先，与其在这里浪费时间（yak shaving），我建议直接联系 @pfaffman，访问 https://support.literatecomputing.com/。事实上，如果我想在这个区域创建更美观的内容，我会请 @pfaffman 帮忙！

但如果你是想自己动手（DIY），我认为所有有用的部分都在这里：

2020-04-06_11-34-27
2020-04-06_11-34-27953×702 161 KB

2020-04-06_11-33-14
2020-04-06_11-33-14770×427 133 KB

据我所知，其他部分都是空白的。

CSS

#top-navbar-container {
    background: black;
    height: 25px;
}

#top-navbar-links .spacer {
    display: inline-block;
    margin-left: 12px;
    margin-right: 12px;
}


#top-navbar-links, #top-navbar-links a:visited, #top-navbar-links a {
    color: white;
}

header.d-header {
    background: black;
    background-image: url(/uploads/default/63/873a733a013f8208.jpg);
    padding-top: 0;
    box-shadow: none;
    top: 25px;
    height: 63px;
}

.ember-view > #main-outlet {
    padding-top: 97px;
}

header > .container {
    background-image: url(/uploads/default/63/873a733a013f8208.jpg);
    max-width: 1200px;
    padding-right: 50px;
}

header.d-header > .container > .contents {
    margin: 0;
}

header.d-header #site-logo, header.d-header .logo-small {
    max-height: 53px;
}

body #main .extra-info > a.star {
    color: #A5ACDD;
}

header .extra-info-wrapper h1 {
    margin-top: 18px;    
}

@media screen and (min-width: 1140px)  {
    header .extra-info-wrapper {
        max-width: 780px;
    }
}

@media screen and (min-width: 967px) and (max-width: 1139px)  {
    header .extra-info-wrapper {
        max-width: 647px;
    }
}

#user-notifications, #search-button, #site-map  {
    color: #AAA; 
}

@media screen and (max-width: 966px) {
    .extra-info-wrapper {
        max-width: 620px;
    }
}

header .current-username .username > a {
    color: white;
}

header.d-header .icons .icon:hover {
    background-color: #000000;
}

标题栏 HTML

<div id="top-navbar-container" class="d-header">
<div id="top-navbar" class="wrap">
<span id="top-navbar-links" style="height:20px;">
  <a href="http://forum.talksurf.com">首页</a><span class="spacer"> | </span>
  <a href="http://forum.talksurf.com/category/surfing/doug-silva">Doug Silva</a><span class="spacer"> | </span>
  <a href="http://forum.talksurf.com/category/surfing">冲浪</a><span class="spacer"> | </span>
  <a href="http://forum.talksurf.com/category/kitesurfing">风筝冲浪</a><span class="spacer"> | </span>
  <a href="http://forum.talksurf.com/category/standup-paddling">桨板冲浪</a><span class="spacer"> | </span>
  <a href="http://forum.talksurf.com/category/windsurfing">帆板冲浪</a><span class="spacer"> | </span>
  <a href="http://forum.talksurf.com/t/pros-instructors-equipment-travel/264">专业人士</a><span class="spacer"> | </span>
  <a href="http://forum.talksurf.com/t/what-is-talksurf-com/265">关于我们</a><span class="spacer"> | </span>
  <a href="http://forum.talksurf.com/faq">常见问题</a>
</span>
</div>
</div>