¿Cómo actualizar un sitio de Discourse muy antiguo?

Soporte Instalación
6

Hola @Paul-Reed y @codinghorror,

¡@pfaffman me ha puesto de nuevo en funcionamiento… hizo un trabajo increíble! El sitio está brillante y nuevo, y Discourse es asombroso, ¡ya que todo lo necesario estaba en las copias de seguridad!

¡Qué tecnología tan increíble de Discourse!

@pfaffman me actualizó con lo siguiente:

  1. Una instalación de 2 contenedores descrita aquí.
  2. Restaurar desde la copia de seguridad en una instalación nueva parecía ser el camino de menor resistencia para una instalación muy antigua.
  3. Realmente solo hay un archivo útil fuera de las copias de seguridad, que es el archivo /var/discourse/containers/app.yml. ¡Y debería tener copias de seguridad diarias, no cada 7 días!

Una lección clave que sabía y debería haber recordado:

Solo porque pienses que algo tomará 10 minutos, a veces no es así. Me metí en esta actualización solo porque quería asegurarme de darle a @Paul-Reed un buen consejo sobre el encabezado. ¡Ups! Y no solo aprendí esto, sino que a menudo lo olvidamos. Mi especialidad es hacer que los sitios web construidos con React y Ruby on Rails funcionen mejor a través de mi consultoría https://www.shakacode.com y mi código abierto 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 operación de desarrollo tipo Docker es algo que puedo hacer, ¡pero me quita mucho tiempo de lo que intento lograr!

Por todo eso, estoy pensando en que @pfaffman me ayude con alguna actualización de mi página de inicio para https://forum.shakacode.com/.

Así que un ENORME agradecimiento a @codinghorror y @pfaffman por toda la ayuda.

Y si estás interesado, aquí está la solución para el encabezado personalizado que motivó esta actualización de mi antiguo sitio de Discourse.

Encabezado personalizado

En primer lugar, en lugar de hacer esto por mi cuenta, te recomiendo contactar a @pfaffman en https://support.literatecomputing.com/. De hecho, ¡pediré a @pfaffman que me ayude si quiero crear algo mejor en esta área!

Pero, para los amantes del “hazlo tú mismo”, creo que todas las partes útiles están aquí:

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

Que yo sepa, todo lo demás está en blanco.

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

ENCABEZADO

<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">Inicio</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">Profesionales</a><span class="spacer"> | </span>
  <a href="http://forum.talksurf.com/t/what-is-talksurf-com/265">Acerca de</a><span class="spacer"> | </span>
  <a href="http://forum.talksurf.com/faq">Preguntas frecuentes</a>
</span>
</div>
</div>