- Ein Beispiel für einen selbst gebauten Blog ohne Jekyll, Ghost oder WordPress
- Zu den Grundanforderungen gehören die Nutzung einer eigenen Domain, statische Seitengenerierung, SEO-Konformität und das einfache Hinzufügen von Beiträgen
- Der Kern besteht aus
template.html und dem Skript render.py; allein mit dem Schreiben von Markdown-basierten Texten werden alle Seiten automatisch gerendert
- Mit der Python-Bibliothek
markdown2 werden die Umwandlung von Markdown → HTML und die Seitenerstellung automatisiert
- Betont wird eine Struktur, die SEO und moderne Webstandards einhält und zugleich das unkomplizierte Hinzufügen von Inhalten ermöglicht
Anforderungen an den Blog
- Die bereits eigene Domain verwenden
- Moderne Webstandards und SEO-Freundlichkeit beibehalten
- Das Hinzufügen von Beiträgen soll sehr einfach sein
- Alle Seiten sollen statisch generiert werden
Zusammenfassung der Umsetzungsschritte
- Datei
template.html erstellen → Grundlayout in HTML aufbauen
- Mit dem Befehl
pip install markdown2 das Tool zum Rendern von Markdown installieren
O1 bitten, ein Python-Skript zum Rendern (render.py) zu erstellen- Im Ordner
posts/ Beiträge im Format eng.md schreiben
render.py ausführen, um HTML zu erzeugen und den Ausgabeordner zu erstellen
Zentrales HTML-Template (template.html)
- Die HTML-Struktur ist einfach und minimalistisch, und an der Stelle
{{ content }} wird das gerenderte Markdown-Ergebnis eingefügt
- Das CSS sorgt mit einer auf
system-ui basierenden Schrift, adaptivem Padding und Einstellungen wie color-scheme für gute Lesbarkeit
Zentrales Python-Rendering-Skript (render.py)
- Mit
markdown2 wird jeder Markdown-Beitrag in HTML umgewandelt
- Bei der Umwandlung werden
<img>-Pfade automatisch durch /posts/{post_code}/ ersetzt
- Der HTML-Titel wird aus dem Markdown-
#-Header extrahiert
index.html besteht aus greetings.md + einer Titelliste aller Beiträge- Das Ergebnis wird als
.html im Ordner ./blog/ gespeichert
5 Kommentare
Ich betreibe meinen Blog derzeit auch genau so wie oben beschrieben. Ich habe ein SSG erstellt, das meine persönlichen Anforderungen erfüllt, und nutze es entsprechend. Um Thumbnail-Bilder, Kategorien und Tags verwenden zu können, habe ich jeweils eigene benutzerdefinierte Funktionen eingebaut. Die angehängten Bilder werden automatisch in WebP konvertiert und dann referenziert, wodurch ich mit der Rendering-Geschwindigkeit sehr zufrieden bin.
Oh, fügt ihr solche benutzerdefinierten Funktionen direkt hinzu, indem ihr den Code selbst schreibt? Ich versuche auch immer, alles als DIY zu machen, zögere dann aber wegen der Erweiterungen und Plugin-Funktionen, die die bisher von mir verwendeten SSG-Blog-Frameworks bieten.
Wenn man den Ehrgeiz etwas zurücknimmt, ist der Rest gar nicht so schwierig. Auch
ssgschreibt auf Anfrage an die AI den ganzen Code, und wenn man sie bittet, Funktionen hinzuzufügen, ergänzt sie die in Wirklichkeit auch alle, haha.Wenn man einfach nur eine schöne Schrift auswählt, ist es schon ganz ansehnlich.
Hacker-News-Kommentare
Beim Starten eines Blogs wurde ein SSG verwendet, aber letztlich auf Wordpress umgestellt, was mehr Freiheit brachte
Zwei Elemente sind nötig, damit etwas als Blog gelten kann
Zuneigung zu unabhängigen Websites
Wunsch nach nativer Unterstützung für
text/markdownundtext/geminiim BrowserHinweis auf einen Bug, bei dem die Zeichenkette "Minimum viable blog" durch den Posttitel ersetzt wird
Ein Blog wurde mit einfachen HTML-Seiten betrieben, inzwischen wird Astro verwendet, um eine weiterentwickelte Website zu betreiben
Experimente mit Bun JS und der Nutzung von HTML als JS-String
Einige Tricks, die man in 15 Jahren Experimenten mit einem minimalistischen Blog gelernt hat
highlight.jsist für Code-Highlighting weiterhin nützlichDie Einfachheit eines standardmäßigen statischen Blogging-Frameworks mit Hugo/Zola und Cloudflare Pages
Beim Wiederbeleben eines alten Blogs wurde die Umständlichkeit von Hexo erfahren