كيف يمكن ترقية موقع Discourse قديم جداً؟

مرحبًا @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 مساعدتي إذا أردت إنشاء أي شيء أفضل في هذا المجال!

ولكن، بالنسبة لمن يفضلون العمل بأنفسهم، أعتقد أن جميع الأجزاء المفيدة موجودة هنا:

حسب علمي، كل شيء آخر فارغ.

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">سب</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>