Jekyll – der praktische Generator für statische Websites

WordPress ist für viele die erste Wahl, wenn ein neuer Blog oder eine einfache Firmen-Homepage erstellt werden soll. Schließlich dient das Content-Management-System seit Jahren als zuverlässiges Werkzeug, das für Einsteiger und Profis gleichermaßen geeignet ist. Da es sich im Laufe der Zeit aber immer mehr zu einem Allround-System entwickelt hat, gibt es durchaus Situationen, in denen WordPress mit seinem großenUmfang die Bedürfnisse eines Web-Entwicklers weit übersteigt. Eben dieser Problematik nehmen sich leichtgewichtige Alternativen wie Jekyll an: Auf die notwendigsten Komponenten beschränkt, ermöglicht es der Website-Generator, Seiten ohne Datenbankanbindung oder sonstige zusätzliche Software zu betreiben.

Im November 2008 veröffentlichte Tom Preston-Werner, einer der vier Gründer der Entwickler-Plattform GitHub, den Website-Generator Jekyll unter der freien MIT-Lizenz. In Ruby geschrieben greift dieser auf ein Template-Verzeichnis zurück, das eine Reihe strukturierter und statischer Textdateien (Markdowns) verschiedener Formate enthält. Diese bestimmen einerseits das Layout, andererseits den Inhalt des Webprojekts und lassen sich zu diesem Zweck individuell anpassen. Dabei stellt der Generator keinen WYSIWYG-Editor, sondern erfordert dasklassische Code-Schreiben. Hierfür wird der Content-Editor Prose empfohlen, der die Markdown-Editierung vereinfacht und für Jekyll optimiert wurde.

Bevor Veränderungen an dem Code in die Live-Version der entwickelten Webanwendung einfließen, lassen sie sich dank des Jekyll-eigenen Entwicklungsservers begutachten. Für die Umwandlung der Dateien in eine statische Website, die sich mit jedem gängigen Webserver ausliefern lässt, sorgt dann die implementierte Rendering-Engine Liquid. Diese generiert den HTML-Code automatisch im Hintergrund, wenn Änderungen an den Textdateien vorgenommen werden.

Um den Website-Generator zu nutzen, kann man diesen zum einen herunterladen und lokal auf dem eigenen Computer hosten. Zum anderen steht mit GitHub Pages eine nützliche Alternative zur Verfügung, bei der nicht nur das HTML-Rendering, sondern auch das Hosting übernommen wird. Der kostenfreie Service, der es ermöglicht, eigene Projektseiten, Blogs oder Webseiten auf den GitHub-Servern abzulegen, basiert nämlich ebenfalls auf der Jekyll-Engine.

Ferner überzeugt Jekyll in puncto Stabilität und Sicherheit: Da der Webserver lediglich Textdateien ausliefern muss, ist das Fehlerpotenzial bei Jekyll-Präsenzen wesentlich geringer als bei Websites, die erst durch das Zusammenspiel mehrerer verschiedener Komponenten funktionieren. Und weil keine regelmäßigen Aktualisierungen notwendig sind, sorgt das stabile Codegerüst zudem langfristig für eine hoheVerfügbarkeit der Website. Die Sicherheit resultiert derweil daraus, dass Jekyll – ohne CMS, Datenbank und Skripte mit dynamischen Elementen (PHP, JavaScript etc.) – schlichtweg kaum Angriffsfläche bietet.

Während die stark eingeschränkte Codebasis für erfahrene Entwickler keinerlei Hindernis darstellt, werden sich Neulinge mit dem Website-Generator allerdings schwertun. In der Standardausführung verfügt Jekyll über keine grafische Oberfläche, weshalb Installation und Einrichtung über die Kommandozeile erfolgenmüssen. Wer nicht über die entsprechenden Kenntnisse verfügt, ist also auf die Nutzeroberfläche eines Drittanbieters angewiesen. Auch in Sachen Theme-Auswahl ist Jekyll vielen CMS oder anderen Website-Entwicklungstools, für die oft hunderte oder gar tausende Design- und Layout-Vorlagen existieren, deutlich unterlegen. Gleiches gilt für den Support, der aufgrund der kleinen Community und der geringen Verbreitung eher spärlich ausfällt.

Die folgende Tabelle fasst abschließend die wichtigsten Vor- und Nachteile von Jekyll zusammen.

GitHub ist in Entwicklerkreisen eine feste Größe. Die Online-Plattform vereinfacht die Verwaltung von Projekten und die Veröffentlichung von Programmcodes erheblich – insbesondere, wenn verschiedene Entwickler beteiligt sind. Mehr als 24 Millionen Benutzer greifen auf die Webanwendung zurück, die auf der von einem Team um Linus Thorvalds entwickelten Software Git basiert. Der Linux-Schöpfer veröffentlichte das Versionsverwaltungsprogramm 2005 als Alternative zu dem proprietären BitKeeper. GitHub nutzt die Open-Source-Anwendung, um auf seinen Servern quelloffene Codes verwalten zu können, wobei diese in separaten Verzeichnissen gespeichert werden.

Anpassungen an einem Projekt werden zunächst als Forks (Abspaltungen) festgehalten, woraufhin der Autor eine entsprechende Benachrichtigung erhält und entscheiden kann, ob diese in den Originalcode übernommen werden sollen.

Mit GitHub Pages offeriert der Anbieter der Entwickler-Plattform außerdem einen optionalen Service, um das eigene Verzeichnis als gewöhnliche Webpräsenz auf den GitHub-Servern zu speichern. Das Besondere: Die Codebasis für diese Projektseiten liefert Jekyll. Blogs oder einfache Homepages sind also ebenso einfach erstellt und zudem noch kostenfrei gehostet. Dabei fungiert GitHub Pages im Grunde genommen als sehr simples Jekyll-CMS, das unter anderem die Auswahl eines Themes sowie die Nutzung des plattformeigenen Editors zur Content-Kreation ermöglicht. Um das GitHub-Repository auch lokal zu speichern, muss dieses geklont werden. Dieser Prozess funktioniert entweder über ein Terminal oder über den jeweiligen Desktop-Client (für Windows und macOS verfügbar).

In diesem Whitepaper erfahren Sie unter anderem, welche Probleme konventionelle CMS mit sich bringen, warum statische Seiten mithilfe des Jamstacks zur echten Alternative werden – und wie Sie damit schlankere Workflows und bessere Kundenergebnisse gewährleisten.

Der größte Unterschied Jekylls zu standardmäßigen Content-Management-Systemen ist bereits zur Sprache gekommen: Mit dem Website-Generator lassen sich Seiten erstellen, die komplett ohne Datenbankanbindung funktionieren. Im Umkehrschluss fehlt damit natürlich auch die Möglichkeit, dynamische Elemente einzubinden, weshalb sich mit Jekyll lediglich statische Seiten erstellen lassen.

Es gibt allerdings auch datenbanklose CMS, die ebenfalls für ausschließlich clientseitige Projekte konzipiert sind. Im Vergleich zu Jekyll sind diese aber komplexer. So bieten sie dem Nutzer mit Features wie Backends, Benutzerverwaltungen und zahlreichen Erweiterungsmöglichkeiten mehr Komfort. Das macht sie gleichzeitig aber auch anfälliger für Programmfehler und öffnet zudem mehr Raum für potenzielle Sicherheitslücken.

Im direkten Vergleich mit anderen Static-Website-Generatoren wie Hugo oder Middleman punktet Jekyll vor allem mit der direkten Anbindung an GitHub und den daraus resultierenden Vorzügen – wie beispielsweise dem erstklassigen Versionsmanagement oder dem kostenfreien Hosting-Dienst.

GitHub gestattet es jedem Nutzer bzw. jedem Unternehmen, pro Account eine Website zu erstellen, die aus einer unbegrenzten Zahl von Seiten bestehen darf. Die Projekte sind dabei auf eine Größe von einem Gigabyte beschränkt, was angesichts fehlender dynamischer Elemente jedoch absolut ausreichend ist. Auch das monatliche Bandbreiten-Limit von 100 Gigabyte ist für das Betreiben eines Blogs oder einer einfachen Firmenpage sehr großzügig gewählt. Wer dennoch mehr Ressourcen benötigt, kann sich an den Support wenden und in Zusammenarbeit mit diesem eine individuelle Lösung erarbeiten (z. B. Einsatz eines CDN).

Falls Sie die Möglichkeiten von Jekyll und GitHub Pages interessieren, erfahren Sie im folgenden Schritt-für-Schritt-Tutorial, wie Sie den Generator im Rahmen der Developer-Plattform nutzen können.

Löschen Sie den enthaltenen Code und fügen anschließend eine Begrüßungsüberschrift für Ihre Website ein:

Bestätigen Sie anschließend die Willkommensnachricht über den „Commit changes“-Button, können Sie Ihre erste Seite nun jederzeit über den im zweiten Schritt gewählten Repository-Namen, der gleichzeitig auch die URL Ihrer Webpräsenz ist, aufrufen.

Das Tutorial zeigt, dass die Erstellung und das Hosting einer Webpräsenz via GitHub Pages schnell umgesetzt sind. Wenn Sie dennoch Probleme mit Ihrem Jekyll-Projekt auf GitHub haben, können Sie jederzeit den Support der Entwickler-Plattform kontaktieren. Darüber hinaus liefert der Anbieter verschiedene Manuals sowie eine umfangreiche Sammlung der häufigsten Fragen, die über die Nutzung von Versionsverwaltung, Markdown, Code-Bearbeitung und Co. informieren. Ein beeindruckendes Arsenal an Videos auf dem hauseigenen YouTube-Channel komplettiert das Hilfsangebot.

Für den Fall, dass Sie Jekyll ohne GitHub nutzen möchten, ist die dreiteilige YouTube-Tutorial-Reihe von Arachne Tutorials zu empfehlen. In dieser erfahren Sie nicht nur, wie Sie den Static-Website-Generator einrichten und Ihre eigene Seite veröffentlichen, sondern auch alle wichtigen Informationen über die Struktur des dateibasierten Web-Gerüsts.