Как обновить очень старый сайт Discourse?

Поддержка Самостоятельное хостинг
6

Привет, @Paul-Reed и @codinghorror,

@pfaffman восстановил мою работу… проделал потрясающую работу! Сайт выглядит как новый, а Discourse просто великолепен, ведь всё необходимое было в резервных копиях!

Какая удивительная технология от Discourse!

@pfaffman рассказал мне следующее:

  1. Установка из двух контейнеров описана здесь.
  2. Восстановление из резервной копии на чистой установке оказалось самым простым путём для очень старой версии.
  3. Единственный файл, полезный за пределами резервных копий — это /var/discourse/containers/app.yml. И мне нужно делать ежедневные резервные копии, а не раз в 7 дней!

Важный урок, который я знал, но должен был вспомнить:

Просто потому, что вы думаете, что что-то займёт 10 минут, это не всегда так. Я взялся за это обновление, потому что хотел дать @Paul-Reed хороший совет по поводу заголовка. Ой! И я не только узнал это, но мы часто забываем об этом. Моя специализация — улучшение работы сайтов на React и Ruby on Rails через мою консалтинговую компанию https://www.shakacode.com и мой проект с открытым исходным кодом GitHub - shakacode/react_on_rails: Integration of React + Webpack + Rails including server-side rendering of React, enabling a better developer experience and faster client performance. · GitHub.

DevOps с использованием Docker — это то, что я могу делать, но это отнимает много времени от того, что я пытаюсь достичь!

Поэтому, учитывая всё вышесказанное, я думаю о том, чтобы попросить @pfaffman помочь мне с обновлением моей главной страницы для https://forum.shakacode.com/.

Так что огромное спасибо @codinghorror и @pfaffman за всю помощь!

И если вам интересно, вот исправление для пользовательского заголовка, которое стало поводом для этого обновления моего старого сайта на Discourse.

Пользовательский заголовок

Прежде всего, вместо того чтобы заниматься мелкими деталями, я рекомендую обратиться к @pfaffman по адресу https://support.literatecomputing.com/. Кстати, я попрошу @pfaffman помочь мне, если захочу создать что-то более впечатляющее в этой области!

Но для тех, кто предпочитает делать всё самостоятельно, я думаю, что здесь есть все полезные части:

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;
}

ЗАГОЛОВОК

<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">Дуг Сильва</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">SUP</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">FAQ</a>
</span>
</div>
</div>