my hugo workflow #

Ich bin noch dabei, meinen optimalen workflow für hugo zu finden, aber schreib hier mal rein, was ich so finde…

Workflow auf dem Laptop: #

Da ich meinen Laptop unter Linux betreibe, funktioniert das Erstellen und Editieren von Blogpost und anderen Seiten recht einfach, indem ich hierzu eine lokale Installation von hugo und des hugo Quell-Verzeichnisse verwende.
Das ist natürlich ein Git-Repository, welches ich momentan auf meinem Web-Server hoste, der eben auch mein Repo-Server ist. Durch den post-receive hook in diesem Repository wird dann nach einem Push automatisch die aktuelle Version im HomeDir auf dem Server ausgecheckt und daraufhin mit hugo --gd --minify die aktuelle Site direkt ins Web-Verzeichnis gebaut.

Anfangs hatte ich die Dateien mit vi editiert, bin jetzt aber mal auf vscode mit der FrontMatter Erweiterung umgestiegen. Das ist schon etwas bequemer, geht aber dann zumindest nicht mehr direkt auf dem Webserver über ssh.

Bloggen vom Handy aus: #

Im Idealfall sollte das Bloggen auch vom Handy aus möglich sein, am Besten gleich mit einem passenden Artikelbild.

Ich halte mein Hugo Quellverzeichnis in einem GIT-Repository und habe dadurch neben der Versionierung auch die Möglichkeit von meinen verschiedenen Rechnern darauf zuzugreifen.

Diesen Post tippe ich gerade direkt auf dem Server via SSH in vi ein. Der zeigt ja zumindest schonmal ansatzweise die Markdown Attribute an.

Das Arbeitsverzeichnis will ich dann auf meine NextCloud legen, damit ich darauf auch ohne git zugreifen kann. (Eben z.B. vom Handy aus.)

Dazu braucht es als erstes einen:

Markdown Editor #

Da ich ein stolzer Android Jünger Benutzer bin, brauche ich also eine Android-App dafür.

Joplin #

Eingentlich für Notizen gedacht, beherrscht aber Markdown und kann vor allem mit NextCloud zusammenarbeiten.

Obsidian #

Für strukturierte Notizbücher gemacht, erfordert Zeit zum Einarbeiten.

Ablauf: #

Neuen Post erzeugen #

Wenn ich Zugriff auf die Console habe, erstelle ich einen neuen Blog-Beitrag mit: hugo new -k blog blog/<name>

Allerdings möchte ich meißtens ein Bild zum Beitrag haben und erstelle dann ein Blog-Bundle über: hugo new -k blog-bundle blog/<name>

Dabei wird automatisch eine Markdown-Datei mit dem Front Matter Vorspann erzeugt, in welchem der Titel und der Erstellungszeitpunkt vorausgefüllt werden.
Beim Bundle kommt das in ein Unterverzeichnis und es wird darunter auch noch ein eigenen img Verzeichnis erstellt, in welchem die zugehörigen Bilder gespeichert werden.

Das alles geht natürlich auch händisch übers Händy ;)

Bilder optimieren #

Da insbesondere Fotos vom Handy ja mittlerweile auch ziemlich groß werden, werden die Bilder noch optimiert, bevor sie publiziert werden.
Das geht bei JPEGs mit jpegoptim bzw. bei PNGs mit optipng direkt auf dem Server.

Todo: Idealerweise sollte das dann natürlich automatisch vor dem bzw. beim publizieren passieren…