Tag: Static site generator

1. Dec 2017

Warum Hugo?

Hugo ist ein Static Site Generator.

Static Site Generatoren wie Hugo generieren aus dem Content statische HTML Seiten. Diese werden auf den Webserver übertragen. Der Webserver liefert bei einem Request die bereits fertige erstellte Seite aus.

Der Content wird in der Regel in einfachen Markdown erstellt. Idee dabei ist, dass man sich beim Schreiben ganz auf den Inhalt konzentrieren kann und in der Regel keine HTML oder andere Programmierkenntnisse besitzen muss.

Der Aufbau der Seiten und das Design wird durch Layout Dateien bestimmt. Diese können in einem Theme zusammengefasst werden. Die Trennung von Content und Layout hat mehrere Vorteile:

Der Content kann von Redakteuren erstellt werden. Nur für die Erstellung des Layout sind Web-Programmierkenntnisse mit CSS, HTML5, etc. erforderlich. Man kann aber auch fertige Hugo Themes verwenden.
Das Layout kann einfacher angepasst werden, als wenn Content und HTML vermischt sind. Und auch die zugrunde liegende Technik - wie in Fall dieser Homepage Flexbox - kann leicht geändert werden.
Hugo wandelt diese Markdown Dateien mit Hilfe des Blackfriday Prozessors unter Verwendung eines Themes und der Layoutdateien in reine statische HTML Dateien um.
Hugo kann zusätzlich RSS-Feed, Sitemap und Übersichtsseiten generieren.
Die generierten HTML-Dateien können auf einfachen Webserver (ohne PHP, Datenbank, etc.) veröffentlicht werden.

Vorteil: Static Site Generatoren

Fertige statische Seiten werden vom Webserver sehr schnell ausgeliefert.

Ein einfacher Server ohne Datenbank, PHP, etc. reicht.

Die Website ist sicher, da kein angreifbares CMS, keine Datenbank, PHP, etc. benutz wird. Und was nicht da ist, kann auch nicht angegriffen werden.

Nachteil: Static Site Generatoren

Die Seiten können nicht Online durch Redakteure erstellt, geändert und veröffentlicht werden. Also mal schnell einen Rechtschreibfehler korrigieren geht nicht. Hier muss zunächst lokal der Fehler korrigiert, dann mit Hugo die statischen HTML Dateien generiert werden und diese auf den Webserver übertragen werden.

Die Seiten können nicht dynamisch angepasst werden.

Warum kein CMS?

Für eine kleine Homepage wie die meine, ohne andere Autoren, wäre jedes CMS overkill. Mir sind die CMS Systeme auch zu langsam und zu unsicher.

Warum nun Hugo?

Hugo ist sehr populär, siehe staticgen.com .
Hugo ist schnell.
Die Installation von Hugo ist super einfach. Es gibt nur ein Hugo executable. Das gefällt mir sehr.
Es gibt eine ausführliche Dokumentation, zahlreiche Themes und Beispielseiten.
Man hat die volle Kontrolle über das erstellte HTML. Das ist mir extrem wichtig. Ich konnte mich nie mit dem von CMS generiertem HTML anfreunden. Ich muss allerdings im Gegensatz zu kommerziellen Seiten auch nicht jeden alten Browser unterstützen.
Laut zenithmedia.de sind Mobile Endgeräte für die meisten Nutzer das wichtigste Mittel für den Internetzugang mit 70 Prozent im Jahr 2017. Damit sind kleine schnelle Seiten wichtiger den je. Das ist zwar für meine unwichtige Homepage nicht wirklich relevant, aber es macht Spaß, wenn die Seite im Mobil sofort da ist.

Einfach mal ausprobieren.