Skip to main content
 

Indiewebify my static Hugo website

1 min read

Mit Hilfe eines kleinen Services von Pelle Wessmann namens https://webmention.herokuapp.com/ ist es mir auf meiner statischen Hugo-Seite möglich, Kommentare, Likes, Reposts u.ä. via Webmentions einzusammeln.

Erster Schritt - Anmelden und Code einfügen

Log in to webmention service

Anschließend Domain eingeben und die beiden Code-Schnipsel einfügen. Den ersten in die header.html, den zweiten in die single.html.

Zweiter Schritt - CSS-Klassen hinzufügen

Das Stylesheet der Service-Seite aufrufen: https://webmention.herokuapp.com/style.css. Darin alles, was webmention enthält, in die eigene CSS-Datei kopieren. In meinem Fall in die CSS meines Hugo-Themes Mainroad.

Dritter Schritt - Neuer Build

Einen neuen Build laufen lassen ohne server-Befehl, dass der public-Ordner neu befüllt wird. Anschließend den public-Ordner auf den Webspace kopieren. Darauf achten, dass auch die neue CSS mit auf dem Webspace liegt.

Vierter Schritt - Kommentieren und Liken

Die beiden Posts vor diesem Artikel sind ein Like und ein Kommentar. d.h. ich habe einfach die URL zitiert. Das Ergebnis dieser beiden Posts auf www.publication.work ist folgendes:

Webmentions auf Hugo-Seite