Anfangs war ich auf der suche nach einer schnelleren Website, die genauso einfach zu bedienen ist wie meine alte Wordpress Website mit der lahmen Datenbank. Nach reichlicher suche und verschiedene Möglichkeiten zu testen war das einfachste und schnellste Publii zu nutzen.
Bei Publii habe ich mir dann irgendwann das Theme Changelog im Boxed Layout für ein paar Jahre gekauft für Updates. ich war ziemlich happy damit, da es relativ einfach in der Anpassung war.
Irgendwann habe ich die Website von meinem Hoster DeinServerHost zu Codeberg migriert, da ich meine Website in Richtung Open Source entwickeln möchte und den Quellcode nicht verstecken wollte. der große Nachteil bei dem wechsel war, der mir davor bewusst war, dass es sein kann, dass die Website nicht immer erreichbar ist, da Codeberg Website wichtiger ist als die ganzen Webseiten.
Da hat es dann mich nach einiger Zeit gestört, dass es Änderungen nicht via Pull Request möglich ist. genauso wenig konnte ich nicht von unterwegs mal kleine Änderungen an der Website machen. Leider gab es nichts relativ einfaches, was mit Codeberg kompatible ist. außerdem auch noch einfach in der Benutzung. und habe dann Publii eine weile weiter benutzt. Ein kleines Problem waren auch die kosten Jährlich, die ich immer Privat aus eigener Tasche bezahlt habe, da ich immer die neuste Version mit den Features und Bug fixes haben wollte :) . aber das Theme kann man Unbegrenzt lange nutzen, wenn man nicht Publii ein update macht und durch das update nichts kaputt geht und das Theme ein update benötigt.
Ich hatte immer wieder die Front-end interfaces Website von Hugo im blick, was es alles so gibt. seit neuestem wurde dann Sveltia CMS Beta dort hinzugefügt. Später habe ich dass dann probiert und ich war darin verliebt, da es alles vereint, was ich wollte. Der größte Nachteil war jedoch die Einrichtung und die zeit zu investieren, um es einzurichten.
Jetzt habe ich 2 Möglichkeiten um den Code zu ändern. Einmal über Sveltia CMS und einmal Über Codeberg. Genauso habe ich die Möglichkeit erstellt, dass andere Leute über ein Pull Request eine Änderung vorzuschlagen und an meiner Website freiwillig mit zu arbeiten.
Warum Eigentlich Hugo und kein anderer Static Site Generator? Gute frage, da ich meine Website immer auf Performance trimmen wollte, da es wenig Ressourcen kosten soll ist die Wahl auf Hugo gefallen, da ich die Zusatzfeatures nicht benötige und Leistung kostet.
bei den Themes habe ich verschiedene durch probiert, was eine lange zeit gekostet hat. das eine hatte Probleme bei der Installation, das andere war mir nicht effizient genug, oder war nicht perfekt für mich. ich hatte verschiedene durch getestet und fand am ende zuerst das Hugo Clarity Theme richtig gut. das Problem war es, dass es nicht so performant war, wie ich es eigentlich gerne wollte. Das habe ich mit pagespeed.web.dev getestet aber auf dem Theme habe ich mit sehr viel zeit zu investieren es für mich angepasst was sehr viel zeit gekostet hat. aber eines was mit am längsten benötigt hat, waren die ganzen Seiten von WYSIWYG-Editor um zu schreiben zu Markdown, worauf Hugo basiert. aber zum Glück sind die ganzen Seiten ja relativ kompatible zu den anderen Themes, da alle Markdown nutzen für die Seiten.
Danach habe ich wieder gesucht und fand weitere Themes, die aber leider alle die ich gefunden habe Tailwind nutzen, was leider bei der Einrichtung komplexer wird, was ich vermeiden wollte. ich hatte immer wieder PaperMod im Hinterkopf, was ein schönes Theme ist. Leider hat es aktuell, wo ich diesen Blog Beitrag schreibe kein Hamburger Menü (das mobile Menü mit den 3 strichen zum aufklappen), was ich nicht gut finde. Leider blockt der Entwickler immer wieder die Funktion ab in der Vergangenheit.
Nach langer reiflicher Überlegung habe ich mir das Theme doch mal genauer angeschaut, da es richtig gut sonst ist. es hat sehr lange gedauert, bis ich heraus gefunden habe, welche Daten man ändern muss und wie, um ein Hamburger Menü einzubauen. Leider kann ich persönlich keinen Code ohne Hilfe schreiben, aber anpassen, da ich den Code dann danach verstehe. da habe ich mit sehr viel Zeit und Bug und Probleme fixes mit der KI / AI (lokal) gemacht, was die aller meiste zeit gekostet hat bei dem Umzug. außerdem habe ich das eine oder andere Problem in der Datei bemerkt und gleich mit gefixt. leider kann man kein Pull Request erstellen, wenn man kein Collaborator ist :/ .
Ich verstehe es, dass man den nicht jeden am Code etwas verändern sollte, vor allem aktuell mit der KI / AI, wo jeder ungeprüftes Material hoch ladet verstehe ich es. dann habe ich ein Fork erstellt und habe es selbst im Fork verändert. Der Code ist nicht perfekt, da ich alles in eine Datei rein geschrieben habe (style + Code). Aber der Code funktioniert bei mir, wie man es ja sieht. man muss den CSS Teil optimiert integrieren und den JavaScript Code genauso. ich habe die Änderung jetzt mal vorgeschlagen. eventuell wird es ja mal endlich optional eingebaut, da man es mit meinem Code erst einmal in der hugo.yaml Datei das Hamburger Menü aktivieren muss. damit nicht jeder, der es möchte mit einem update es direkt erhält. da wenn man nur 2 Menü links hat, wird gar kein Hamburger Menü benötigt und ist unnötig! was ich dem Entwickler von dem Design recht gebe.
Mein Fork gibt es auf github , so lange, bis es integriert wird. Der Änderungsvorschlag gibt es auch auf github .
würde ich jedem empfehlen von Worldpress zu Hugo zu wechseln? Nein! nicht alles was man auf einer Website machen kann kann eine Hugo Website. Außerdem ist es nicht so einfach wie ein Homepage Baukasten, Worldpress oder Publii. aber ich würde jedem empfehlen, der wo eine größere statische Website erstellen möchte lieber Hugo oder ein anderer statischer Website Builder zu nutzen anstatt jede einzelne HTML Datei selbst zu schreiben. Markdown ist viel einfacher als HTML.
Die Vorteile bei der neuen Website sind, dass jede Seite ein direkter Link zu dem passenden Datei auf Codeberg (automatisch generiert). außerdem hat die Website endlich einen hellen (wie die alte Seite) und einen dunklen Modus. Der Modus wird geändert nach dem man es am System ändert und die Seite neu ladet. Ich habe mit Absicht den Schalter deaktiviert, da ich auf euren Geräten keine Daten speichern wollte, da ich es sonst eine Datei automatisch angelegt wird, ob man den dunklen oder den hellen Modus nutzt. außerdem habe ich Altlasten entfernt. Jede Seite hat jetzt ein automatisches Inhaltsverzeichnis, das ich vorher manuell einfügen musste.
Der Nachteil mit der Umstellung ist leider, dass sich die URL für RSS Feeds sich geändert hat! Auf der Startseite sieht man die URL. Genauso wenn man auf die Tags Seite geht hat jetzt jeder Tag sein eigener Link, den man Abonnieren kann.
Alle Infos, was ich für Addons nutze und welche Lizenzen es hat kann man auf meiner Codeberg Seite nachlesen.