- Mit Obsidian werden Texte lokal geschrieben und anschließend mit der Kombination aus Hugo + Bear Blog Theme + Cloudflare Pages schnell und kostenlos als persönlicher Blog veröffentlicht
- Versionsverwaltung über GitHub und automatische Deployments machen den Betrieb bequem. Sobald man schreibt, speichert und committet, ist die Veröffentlichung praktisch sofort erledigt
- Für die Ersteinrichtung ist etwas Entwicklungswissen nötig, danach wird der Workflow jedoch sehr einfach
- Geeignet für alle, die nach einer schlanken und nachhaltigen Blogging-Methode suchen
Detaillierter Aufbau
- Alle Texte werden mit Obsidian geschrieben
- Durch lokale Dateispeicherung bleiben alle Daten im eigenen Besitz
- Das Minimal-Theme bietet eine aufgeräumte, ablenkungsfreie Oberfläche
- Über iCloud ist unbegrenzte Synchronisierung zwischen verschiedenen Geräten möglich (auch Dropbox und Google Drive sind möglich)
- Veröffentlichen
- Hugo: ultraschneller statischer Site-Generator
- Bear Blog Theme: minimalistisches und schnelles Blog-Theme
- GitHub + Cloudflare Pages: kostenlose Bereitstellung einer Website
- Vorteile: keine Abogebühren, keine Vendor-Lock-ins, kein Risiko durch Änderungen an Plattformrichtlinien
System-Setup
- Nach der Installation von Hugo wird eine neue Site erstellt
hugo new site myblog
cd myblog
- Das Bear Blog Theme hinzufügen
git init
git submodule add https://github.com/janraasch/hugo-bearblog.git themes/hugo-bearblog
- Die Datei
config.toml auf das Bear Blog Theme einstellen
theme = 'hugo-bearblog'
- Obsidian mit Hugo verbinden
- Texte im Ordner
content/blog von Hugo schreiben
- In Obsidian die Funktion "Open folder as vault" verwenden, um diesen Ordner einzubinden
- So werden in Obsidian geschriebene Texte direkt mit den Posts der Hugo-Site verknüpft
- Am Anfang jedes in Obsidian geschriebenen Textes ein Front-Matter-Template für Hugo ergänzen
+++
title= "Your Post Title"
date= YYYY-MM-DD
tags= ["post"]
draft= true
+++
- Sobald der Beitrag veröffentlichungsbereit ist, den Wert von
draft auf false ändern
- Mit der lokalen Serverfunktion von Hugo den Beitrag im Browser in der Vorschau ansehen
hugo server -D
- Ein neues GitHub-Repository erstellen und das lokale Projekt verbinden
git remote add origin https://github.com/yourusername/yourblog.git
git add .
git commit -m "Initial commit"
git push -u origin main
- Nach der Registrierung bei Cloudflare ein Pages-Projekt erstellen
- Das GitHub-Repository verbinden und folgende Build-Einstellungen anwenden
- Build-Befehl:
hugo --minify
- Ausgabeverzeichnis:
public
Publishing-Workflow
- Beitrag in Obsidian schreiben
- Im Front-Matter-Template
draft: true in draft: false ändern
- In GitHub committen und pushen
git add . git commit -m "Publish new post" git push
- Cloudflare Pages erkennt die Änderungen automatisch und baut die Site neu, sodass sie innerhalb von 1–2 Minuten live sind
11 Kommentare
Ich betreibe auch einen Hugo-Blog.
Nach dem Schreiben eines Beitrags in Obsidian nutze ich eine Methode, bei der das Pushen ins GitHub-Repository das Hosting auf Cloudflare Pages auslöst.
Außerdem habe ich hier noch den Suchdienst von Algolia eingebunden. Bei jedem neuen Beitrag habe ich für die Indizierung eine
sh-Datei erstellt, in die ich alle verknüpften Befehle wiegit, Indizierung usw. hineingepackt habe, und veröffentliche den Beitrag dann durch Ausführen dessh-Befehls.Ich nutze vor allem Obsidian, weil es Spaß macht, die geschriebenen Beiträge gelegentlich in der Graph View gebündelt anzuschauen.
Ich habe es auch ähnlich gemacht, schreibe inzwischen aber direkt im Repository auf github.com. (Unter Nutzung der Funktion, dass GitHub Pages Jekyll automatisch baut)
https://plan9.kr/
Huch, sind Sie die Person, die Text Battle gemacht hat?
Ich habe das damals in der Community gesehen und mit Spaß gespielt, haha. Freut mich, Sie kennenzulernen.
Ich erstelle meinen Blog auch mit Hugo, deshalb freut mich das sehr!
Ich hatte auch überlegt, Obsidian als primären Editor zu verwenden, aber wenn man an einem Rechner arbeitet, scheint mir VSCode die bessere Wahl zu sein.
Da Änderungen innerhalb von Millisekunden übernommen werden, habe ich den Bedarf für Obsidian ehrlich gesagt nicht wirklich gespürt.
Ich verstehe nicht, warum man Hugo und Obsidian verbinden sollte.
Wenn man Hugo nutzt, wirkt VSCode meiner Meinung nach natürlicher.
Das ist wirklich interessant.
Das Plugin
digital gardenist ebenfalls praktisch.Danke fürs Teilen. Ich nutze Obsidian gerade erst seit Kurzem, daher sollte ich das wohl auch einmal zusammen ausprobieren.
Vielen Dank für die guten Informationen. Ich nutze Obsidian in letzter Zeit auch häufig, und ich glaube, dass diese Kombination gut zu mir passt.
Ich habe erst vor ein paar Tagen zufällig selbst einen Blog mit Hugo erstellt, deshalb freut mich dieser Beitrag besonders.
Ich habe es so eingerichtet, dass beim Push automatisch über GitHub Pages deployed wird, und nutze es auf diese Weise. haha
Ich mag Obsidian auch sehr, aber ich empfehle außerdem die Erweiterung
Front Matterin VS Code.Sie bietet einfache CMS-Funktionen; auch wenn sie nicht ganz perfekt ist, ist sie doch ziemlich brauchbar.
Hacker-News-Kommentare