Indiewebify my Hugo-Site

Andreas Petersell am 06.07.2017

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.

Schritt 1 - Anmelden und Code einfügen

Webmention

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

Schritt 2 - 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.

Schritt 3 - Neuer Build

Einen neuen Build laufen lassen ohne server-Befehl, so 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.

Schritt 4 - 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:

Ergebnis