Richtfest mit Hugo

Nachdem meine Homepage seit vielen Jahren unverändert bestanden hat, war es dringend an der Zeit, zumindest eine technische Überarbeitung in Angriff zu nehmen, um den geänderten Gegebenheiten gerecht zu werden. Während früher die Besucher der Homepage zumeist über Desktop-Computer zugegriffen haben, ist es heute doch wesentlich üblicher, per Tablet oder Smartphone im Internet zu surfen. Und dafür war die bisherige Form denkbar ungeeignet.

Kriterien für die Neugestaltung

Da die alte Homepage noch in “Handarbeit” direkt in HTML und ohne CSS entwickelt worden war, war der erste Schritt zu entscheiden, mit welchen Werkzeugen die Überarbeitung erfolgen sollte, um am Ende eine modern gestaltete Homepage zu erhalten.

Als Randbedingungen sollten folgende Eigenschaften gelten:

• modernes Design, ohne zu tief in die Technik einsteigen zu müssen
• responsives Design für unterschiedliche Bildschirmgrößen
• Hell/Dunkel-Modus
• mehrsprachig (Deutsch und Englisch)
• individuell gestaltbar
• keine zusätzlichen Kosten

Tool-Auswahl

Da ich mich nicht mit der Verwaltung eines Content-Managment-Systems (wie z.B. Wordpress herumschlagen wollte, habe ich nach einem statischen Webseiten-Generator Ausschau gehalten. Ich hatte zwar im Zusammenhang mit der Dokumentation einer meiner Open-Source-Komponenten schon etwas Erfahrung mit gesammelt, fand es aber im Umgang doch vergleichsweise umständlich.

Bei der Recherche nach Alternativen stieß ich auf . Dass Hugo ohne umfangreiche Installation weiterer Software eingesetzt werden kann, die Seitengenerierung in kürzester Zeit von statten geht und vielfältige Gestaltungsmöglichkeiten (wie z.B. Ausgabe mathematischer Formeln oder Diagramme) von Haus aus unterstützt werden, hat mich schnell davon überzeugt, das richtige Werkzeug gefunden zu haben.

Theme-Auswahl

Allerdings erschien mir der Aufbau eines eigenen Layouts von Grund auf ohne vertiefte Kenntnisse über CSS nicht sinnvoll, weswegen ich mich als nächstes auf die Suche nach einem geeigneten vorhandenem Hugo-Theme machte. Nach diversen Experimenten mit verschiedenen Themes bin ich schließlich bei dem Theme FixIt gelandet, da es versprach, vielleicht nicht alle, aber doch die meisten meiner Anforderungen zu erfüllen.

In der Praxis erwies es sich stellenweise als recht mühsam, die notwendigen Anpassungen vorzunehmen, bis ich mit der Darstellungsform der verschiedenen Seitenkategorien zufrieden war. Das fing damit an, dass ich beispielsweise Datumsangaben sprachabhängig unterschiedlich dargestellt haben wollte, und endete bei der Anforderung, auf der Startseite abhängig von der bevorzugten Sprache des Besuchers die deutsche oder englische Fassung auszuwählen.

Relaunch

Im Dezember 2025 war es dann endlich soweit: die Überarbeitung der bisherigen Inhalte (soweit erhaltenswert) war abgeschlossen und zusätzliche Seiten neu erstellt, so dass dem Relaunch nichts mehr im Wege stand.