Come aggiornare un sito Discourse molto vecchio?

Supporto Installazione
6

Ciao @Paul-Reed e @codinghorror,

@pfaffman mi ha rimesso in piedi… ha fatto un lavoro incredibile! Il sito è tutto nuovo e lucente, e Discourse è fantastico perché tutto il necessario era nei backup!

Che tecnologia straordinaria da parte di Discourse!

@pfaffman mi ha aggiornato con quanto segue:

  1. Un’installazione a 2 container descritta qui.
  2. Il ripristino dal backup su un’installazione fresca sembrava la strada di minor resistenza per un’installazione molto vecchia.
  3. In realtà c’è solo un file utile al di fuori dei backup, ovvero il file /var/discourse/containers/app.yml. E dovrei fare backup quotidiani, non ogni 7 giorni!

Una lezione chiave che conoscevo e avrei dovuto ricordare:

Solo perché pensi che qualcosa richieda 10 minuti, a volte non è così. Mi sono imbattuto in questo aggiornamento perché volevo assicurarmi di dare a @Paul-Reed un buon consiglio sull’intestazione. Ops! E non l’ho solo imparato, ma spesso lo dimentichiamo. La mia specialità è far funzionare meglio i siti web utilizzando React e Ruby on Rails attraverso la mia consulenza https://www.shakacode.com e il mio open source 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.

Le operazioni di sviluppo di tipo Docker sono qualcosa che posso fare, ma richiedono molto tempo rispetto a ciò che sto cercando di ottenere!

Quindi, per tutto questo, sto pensando di chiedere a @pfaffman di aiutarmi con un aggiornamento della mia home page per https://forum.shakacode.com/.

Quindi un ENORME grazie a @codinghorror e @pfaffman per tutto l’aiuto!

E se siete interessati, ecco la soluzione per l’intestazione personalizzata che ha dato il via a questo aggiornamento del mio vecchio sito Discourse.

Intestazione personalizzata

Prima di tutto, invece di perdere tempo in dettagli inutili, vi consiglio di contattare @pfaffman su https://support.literatecomputing.com/. In effetti, se volessi creare qualcosa di più raffinato in quest’area, mi farebbe aiutare da @pfaffman!

Ma, per voi appassionati del fai-da-te, credo che tutte le parti utili siano qui:

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

Per quanto ne so, tutto il resto è vuoto.

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

HEADER

<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">Home</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">Surfing</a><span class="spacer"> | </span>
  <a href="http://forum.talksurf.com/category/kitesurfing">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">Windsurfing</a><span class="spacer"> | </span>
  <a href="http://forum.talksurf.com/t/pros-instructors-equipment-travel/264">Pros</a><span class="spacer"> | </span>
  <a href="http://forum.talksurf.com/t/what-is-talksurf-com/265">About</a><span class="spacer"> | </span>
  <a href="http://forum.talksurf.com/faq">FAQ</a>
</span>
</div>
</div>