1. Hugo Themes anpassen: Dein Blog, deine Regeln

Eine Website mit Hugo zu erstellen ist ein bisschen wie der Einzug in eine fertig möblierte Designer-Wohnung. Es sieht von dem Moment an großartig aus, in dem man die Tür öffnet, aber es fühlt sich erst dann wie ein richtiges Zuhause an, wenn man eigene Bilder an die Wände hängt oder den Teppich austauscht.

Das LoveIt-Theme ist wegen seiner cleanen Ästhetik, der integrierten Suche und dem Dark-Mode-Support extrem beliebt. Dennoch können generische Footer oder Standard-Layouts dazu führen, dass sich deine Ecke im Internet ein wenig nach “von der Stange” anfühlt. Egal, ob du einen individuellen Copyright-Hinweis, einen “Buy Me a Coffee”-Link oder spezifische Tracking-Skripte hinzufügen möchtest: Das Theme anzupassen ist der beste Weg, um deinem technischen Blog eine persönliche Note zu verleihen.

Warum den Dialog suchen?

Statische Websites sind schnell, sicher und minimalistisch – aber sie können sich auch ein wenig einsam anfühlen. Wenn du git push für einen neuen Beitrag ausführst, verschickst du im Grunde eine Flaschenpost. Eine Ebene für Diskussionen ändert das und verwandelt deine Seite von einer Einbahnstraße in einen lebendigen Austausch.

Warum sollte man sich also die Mühe machen, Kommentare auf einer ansonsten perfekt cleanen, statischen Website zu aktivieren? Es läuft auf drei zentrale Vorteile hinaus:

Einleitung

Einen Blog mit Hugo auf GitHub Pages zu betreiben, ist extrem effizient, hat aber eine kleine Schwachstelle: Sichtbarkeit. Da GitHub Pages ein statisches Hosting ist, haben wir keinen Zugriff auf Server-Logs. Um zu verstehen, wer unsere Seite besucht, benötigen wir eine clientseitige Lösung.

In diesem Beitrag vergleichen wir die beliebtesten Analytics-Optionen und zeigen, wie man sie im LoveIt Theme aktiviert.

Die Optionen im Vergleich

Bei der Wahl eines Tools geht es meist um die Balance zwischen Kosten, Datenschutz und Datentiefe.

Warum das Ganze?

Das Hugo-Theme LoveIt bietet eine großartige Out-of-the-Box-Lösung für Social Media Icons. Doch was passiert, wenn man Plattformen nutzt, die nicht im Standard-Repertoire enthalten sind? Wer seine Arbeit über Ko-fi, Liberapay oder spezialisierte Netzwerke finanziert, möchte diese natürlich prominent in der Sidebar oder im Footer verlinken.

Da LoveIt auf Font Awesome basiert, ist die Lösung eigentlich schon an Bord – wir müssen dem Theme nur beibringen, wie es die neuen Links erkennt und die passenden Icons zuordnet.

Du hast eine Projektidee und suchst nach einem einfachen Weg, diese auf einer eigenen Website zu präsentieren? Mit Hugo und GitHub Pages ist das im Handumdrehen erledigt. Am Beispiel dieser Seite zeige ich dir, wie unkompliziert der Weg zur eigenen Präsenz ist.

Voraussetzungen

Die Hürden für dein Projekt „Eigene Website“ sind minimal. Alles, was du benötigst, ist:

• GitHub Account: Hier wird dein Code sicher verwaltet und veröffentlicht.
• Eigene Domain (optional): Falls du deine Seite unter einer persönlichen Adresse erreichbar machen möchtest.
• Betriebssystem mit Terminal: Eine solide Kommandozeile ist Pflicht (in dieser Anleitung nutzen wir beispielhaft OpenBSD).

Warum Hugo?

Für jemanden, der viel auf der Kommandozeile arbeitet (und als OpenBSD Maintainer minimalistische Ansätze schätzt), ist Hugo ein Segen. Es generiert statisches HTML, was bedeutet: