Comment mettre à niveau un site Discourse très ancien ?

Bonjour @Paul-Reed et @codinghorror,

@pfaffman m’a remis sur pied… il a fait un travail incroyable ! Le site est tout neuf et étincelant, et Discourse est formidable puisque tout ce dont on avait besoin était dans les sauvegardes !

Quelle technologie incroyable de la part de Discourse !

@pfaffman m’a fourni les informations suivantes :

  1. Une installation en deux conteneurs décrite ici.
  2. La restauration à partir d’une sauvegarde sur une installation fraîche semblait être la voie de moindre résistance pour une installation très ancienne.
  3. Il n’y a vraiment qu’un seul fichier utile en dehors des sauvegardes, à savoir le fichier /var/discourse/containers/app.yml. Et je devrais avoir des sauvegardes quotidiennes, et non tous les 7 jours !

Une leçon clé que je connaissais et que j’aurais dû me rappeler :

Juste parce que vous pensez que quelque chose prendra 10 minutes, ce n’est pas toujours le cas. Je me suis lancé dans cette mise à jour simplement parce que je voulais m’assurer de donner à @Paul-Reed de bons conseils sur l’en-tête. Oups ! Et ce n’est pas seulement que je l’ai appris, mais nous l’oublions souvent. Ma spécialité est de faire en sorte que les sites utilisant React et Ruby on Rails fonctionnent mieux grâce à mon cabinet de conseil https://www.shakacode.com et mon projet 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.

La DevOps de type Docker est quelque chose que je peux faire, mais cela prend beaucoup de temps par rapport à ce que j’essaie d’accomplir !

Donc, à cause de tout cela, je réfléchis à demander à @pfaffman de m’aider avec certaines mises à jour de ma page d’accueil pour https://forum.shakacode.com/.

Donc un ENORME merci à @codinghorror et @pfaffman pour toute l’aide apportée !


Et si cela vous intéresse, voici la correction pour l’en-tête personnalisé qui a déclenché cette mise à jour de mon ancien site Discourse.

En-tête personnalisé

Tout d’abord, plutôt que de faire du yak shaving, je recommande de contacter @pfaffman sur https://support.literatecomputing.com/. En fait, je demanderai à @pfaffman de m’aider si je veux créer quelque chose de mieux dans ce domaine !

Mais, pour les bricoleurs, je pense que toutes les parties utiles sont ici :

À ma connaissance, tout le reste est vide.

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

EN-TÊTE

<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">Accueil</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">Surf</a><span class="spacer"> | </span>
  <a href="http://forum.talksurf.com/category/kitesurfing">Kitesurf</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">Windsurf</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">À propos</a><span class="spacer"> | </span>
  <a href="http://forum.talksurf.com/faq">FAQ</a>
</span>
</div>
</div>