blogtini

Blogtini

Folien / Präsentation

https://traceypooh.github.io/slides/dweb-2022 (Tracey-Vortrag unter https://dwebcamp.org)

Website live unter:

• https://blogtini.com
• https://traceypooh.github.io/blogtini/

Haken

• Immer wenn Sie einen Beitrag erstellen oder löschen, möchten wir, dass Ihre sitemap aktualisiert wird.
• Immer wenn jemand auf Ihrer Website einen Kommentar abgibt, führen wir ein kleines Skript aus.

Daher empfehlen wir Ihnen, unsere git -Hooks „Pre-Commit“ und „Post-Merge“ zu verwenden, um die oben genannte „Hausverwaltung“ zu automatisieren. Sie können sie wie folgt einrichten:

git config --local core.hooksPath bin/

RSS

Wenn Sie möchten, dass mit dem bin/sitemap-Skript bei jedem „Pre-Commit“-Hook (oben) eine RSS-Datei „ index.xml generiert wird, muss das yq-Skript auf Ihrem Computer installiert sein.

Die besten zwei Website-/Blog-Setup-Optionen

Blog-Quell-Repository, das Markdown in HTML-Markup-Dateien verwendet

• /2022/01/ich-backe-einen-kuchen/
• /2022/01/i-baked-a-pie/index.html
  • Beginnen Sie mit der Titelsache
    • einschließlich comment: <script src="../theme.js" type="module" charset="utf-8"></script>
  • Sie können dann die nette URL https://example.com/2022/01/i-baked-a-pie/ haben, wo das enthaltene JS den Markdown in Markup umwandelt
• Ihre /sitemap.xml kann auf jede Ihrer Verzeichnis-URLs verweisen
• Verwalten Sie Ihre /sitemap.xml manuell oder führen Sie das Skript /bin/sitemap jedes Mal aus, wenn Sie einen Beitrag erstellen oder löschen. Das Skript /bin/sitemap finden Sie auf der Blogtini-Website.
• Lassen Sie /theme.js das gewünschte Thema import

Blog-Quell-Repository, das Markdown-Dateien verwendet

• /2022/01/i-baked-a-pie.md
  • jekyll wandelt Ihren Markdown automatisch in Markup und in eine URL wie https://example.com/2022/01/i-baked-a-pie.html um
  • Tracey arbeitet mit jekyll zusammen, um https://example.com/2022/01/i-baked-a-pie.md-URLs zu erhalten, die auch wörtlich aus Ihrer Quelle kopiert werden – sodass der ursprüngliche Markdown mit Titelmaterial verwendet werden kann und analysiert

Lokale Entwicklung

Option 1

safari ist schön, man kann die Seite einfach lokal betreiben

• Entwicklertools aktiviert
• Menü Develop
  • Aktivieren Sie Disable Cross-Origin Restrictions
  • HTML-Seite neu laden
  • Deaktivieren Sie Disable Cross-Origin Restrictions wenn Sie fertig sind
• Beispiel: file:///Users/tracey/dev/blogtini/index.html

Option 2

(Jeder einfache Webserver für statische Dateien reicht aus):

( sleep 3 ; open http://localhost:8000 ) &
python3 -m http.server

Sie können eine erneute Analyse von Beiträgen und Seiten erzwingen, indem Sie das optionale CGI-Argument ?recache=1 hinzufügen

Beispiel-URLs mit GitHub- oder GitLab-Seiten

Wenn Sie die kostenlose „Seiten“-Integration von https://github.com oder https://gitlab.com verwenden, erhalten Sie URLs wie diese:

• https://traceypooh.github.io/blogtini/
• https://traceypooh.gitlab.io/blogtini/

Sie können Ihren eigenen Domainnamen (normalerweise ca. 20 USD/Jahr) für eine kürzere/schönere URL verwenden, die auf die oben genannte Pages-Bereitstellung verweist (dies ist, was https://blogtini.com tut).

Zu erledigen/Fixmes

• git grep xxxxx höchste Prioritäten
• git grep xxx