Empfohlen, 2019

Tipp Der Redaktion

10 Best Static Site Generators

In der Webentwicklung hat sich in letzter Zeit eine starke Verschiebung zu statischen Websites ergeben. Statische Sites sind einfacher zu warten (keine Datenbanken, keine serverseitigen Skripts!) Und sind im Allgemeinen sicherer. In Anbetracht der Tatsache, dass die Geräte der Benutzer nur HTML-, CSS- und Javascript-Dateien sind. Damit einige Arten von Websites wie Blogs und Dokumentationswebsites statisch werden, wird das direkte Schreiben von Code in HTML-Dateien anstrengend. Es wird auch schwierig, Websites mit großem Inhalt zu verwalten, insbesondere wenn einige kleine Features (wie das Design) geändert werden müssen.

Hier kommen statische Site-Generatoren ins Spiel. Static Site-Generatoren konvertieren (oder kompilieren) eine Reihe verschiedener Ressourcendateien in eine Website. Dies bedeutet, dass Inhalte vom Layout-Code getrennt werden können und die Website-Ressourcen wie Bilder vollständig voneinander getrennt werden können. Es gibt viele statische Site-Generatoren, hunderte sogar. Hier ist eine Liste der 10 besten statischen Site-Generatoren mit ihren Bewertungen.

Statische Standortgeneratoren

1. Jekyll

Mit einem Wort: Der King of Static Site-Generator . Jekyll ist der meistgenutzte statische Generator mit der größten Dokumentation, der größten Community und dem besten Support. Sogar GitHub bietet für seinen GitHub Pages-Dienst integrierte Unterstützung für Jekyll. Jekyll ist stolz darauf, blogbewusst zu sein. Ein statisches Blog über Jekyll zu erstellen ist wirklich einfach. Es erfordert lediglich Kenntnisse der grundlegenden Webentwicklung. Aufgrund der einfachen Einrichtungsfunktionen für Anfänger ist es wirklich beeindruckend. Gleichzeitig verfügen sie über wirklich leistungsstarke Funktionen für Benutzer, die über das Wissen verfügen, sie zu verwenden.

Mit Jekyll können Sie verschiedene Plug-Ins und Tags erstellen und verwenden und sogar eigene Konverter für jede Markup-Sprache erstellen, die Sie mit Jekyll verwenden möchten. Die Standardauszeichnungssprache für Jekyll ist - wie bei den meisten anderen auch - Markdown. Jekyll bietet Plugins zum Kompilieren von Less, Stylus, zum Generieren von Tag Clouds, Benutzerseiten für Blogs und vieles mehr.

Jekyll basiert auf der Liquid Template Engine von Shopify. Es läuft vollständig auf Ruby und kann daher zusammen mit Abhängigkeiten mithilfe von rvm oder Bundler problemlos installiert werden. Jekyll bietet auch einfache Migrationsoptionen, wenn Sie von WordPress, Blogger oder einer anderen Blogging-Site migrieren möchten. Es übertrifft jeden anderen statischen Standortgenerator, was die Benutzergröße angeht. Es ist in der aktiven Entwicklung (die letzte Änderung an seinem GitHub-Repo, die vor einem Tag zum Zeitpunkt des Schreibens kam).

Um Jekyll zu installieren, geben Sie einfach diesen Befehl in Ruby ein: gem install jekyll

Startseite

2. Pelikan

Pelican ist ein statischer Site-Generator, der auf Python basiert. Es bietet mehrsprachige Inhalte, Code (Syntax) -Highlight sowie die einfache Erstellung von RSS- und Atom-Feeds. Pelican hat eine schöne Auswahl an Plugins, die alle auf einem zentralen GitHub-Repository gehostet werden. Standardmäßig werden drei Dokumentformate unterstützt: Markdown, reStructuredText und Ascii Doc.

Pelikan ist ziemlich einzigartig, da er auf Python basiert. Es unterstützt die leistungsstarke Jinja Template Engine, die auf Python basiert, und ermöglicht die einfache Erstellung schöner Themen und Vorlagen für Pelican. In Bezug auf die Migrationsunterstützung bietet Pelican Unterstützung für WordPress und Tumblr. Anstelle der üblichen YAML-Dateien zur Konfiguration verwendet Pelican eine .py-Datei mit dem Namen pelicanconf.py für die Konfiguration und Einstellungen.

Der einfachste Weg, Pelikan zu installieren, ist die Verwendung von pip: pip install pelican

Startseite

3. Zwischenhändler

Middleman ist ein Ruby-basierter Generator für statische Sites, der einen einfachen Ansatz zum Erstellen statischer Sites verfolgt. Es verfügt über leistungsstarke Funktionen zum Verwalten statischer Blogs, z. B. einfache Tag-Generierung, schnelle Befehle zum Auflisten von kategorisierten Artikeln und Seitenumbruch. Middleman bietet keine Migrationsunterstützung an. Wenn Sie also einen vorhandenen Blog statisch machen möchten, ist Middleman möglicherweise nicht die beste Idee.

Middleman bietet Unterstützung für die meisten modernen Tools der Webentwicklung wie HAML, Coffeescript, Sass und den Rest. Das Standard-Templating-Modul ist eRb, aber Sie können zu einem benutzerdefinierten Template-Modul Ihrer Wahl wechseln. Alle Tilt-fähigen Vorlagen-Engines (die vollständige Liste finden Sie hier) funktionieren auf Middleman. Es unterstützt nativ 2 Konfigurationsformate - YAML, JSON. Frontmatter für Ihre Inhalte muss je nach verwendetem Konfigurationsformat auch YAML oder JSON sein.

Installieren Sie Middleman mithilfe von Ruby mit: gem install middleman

Startseite

4. Metalsmith

Metalsmith ist stolz darauf, ein steckbarer Generator für statische Standorte zu sein. Dies bedeutet, dass die gesamte Logik von Metalsmith von Plugins verarbeitet wird. Bei Bedarf können Sie einfach die erforderlichen Plugins hinzufügen. Die schiere Anzahl der von Metalsmith angebotenen Plugins übertrifft fast jeden Konkurrenten (vielleicht sogar ohne Jekyll und Docpad). Dies bedeutet, dass Metalsmith nicht nur als statischer Standortgenerator verwendet werden kann.

In eigenen Worten "Da alles ein Plugin ist, ist die Kernbibliothek eigentlich nur eine Abstraktion für die Bearbeitung eines Dateiverzeichnisses". Das Ergebnis ist schließlich, dass Sie Metalsmith genauso einfach wie einen Projekt-Scaffolder, einen E-Book-Generator, ein Build-Tool, technische Dokumentation und vieles mehr verwenden (diese Beispiele sind auf der Metalsmith-Website zu sehen).

Metalsmith basiert auf Node.js und kann mit dem Node Package Manager installiert werden: $ npm install metalsmith

  Homepage 

5. Harfe

Harp hat eine Vorverarbeitung für Jade, Markdown, LESS, Sass, Coffeescript, EjS und Stylus ohne zusätzliche Konfiguration eingebaut. Mit Jade und EjS können Sie das Layout / Partial-Paradigma verwenden, das spezielle Plugins für andere statische Standortgeneratoren benötigt.

Harp basiert auf Node.Js und kann Hand in Hand mit der Harp-Plattform arbeiten, mit der Sie Webseiten aus Ihrem Dropbox-Ordner erstellen können. Harp kann auch Seiten für die Verwendung auf GitHub-Seiten, PhoneGap und Heroku erstellen.

Um Harp zu installieren, verwenden Sie npm und führen Sie sudo npm install -g harp : sudo npm install -g harp

 Startseite 

6. Octopress

Technisch gesehen ist Octopress eine modifizierte Jekyll-Gabel, die jedoch aufgrund ihrer großen Beliebtheit in diese Liste aufgenommen wurde. Octopress ist im Grunde Jekyll für Hacker (und Schienenentwickler). Das Anpassen von Octopress ist einfach, besonders wenn Sie ein Blog erstellen. Da Octopress standardmäßig viele der Plugins enthält, müssen Sie einen Blog über Jekyll erstellen.

Im Anpassungsteil erleichtert der Code von Octopress es Benutzern, den Code zu ändern und eigenen Code zu schreiben. Davon abgesehen, sind viele Plugins für Octopress mit Jekyll kompatibel (und umgekehrt).

Um Octopress zu installieren,

  1. Klonen Sie das GitHub-Repo
    git clone git://github.com/imathis/octopress.git octopress
    cd octopress
  2. Installieren Sie Abhängigkeiten
    gem install bundler
    rbenv rehash # Wenn Sie rbenv verwenden, können Sie rehash ausführen, um den Bundle-Befehl ausführen zu können
    bundle install
  3. Installieren Sie das Standard-Octopress-Design
    rake install
Startseite

7. Docpad

Docpad ist ein dynamischer Generator für statische Sites. Es erweitert die Funktionen normaler statischer Site-Generatoren, z. B. durch Abfragen der Datenbank über eine Abfrage-Engine, Importieren von Seiten aus externen Datenbanken und Wiederherstellen der Webseite bei jeder Anforderung.

Docpad bietet native Unterstützung für Pre-Prozessoren wie Coffeescript, Stylus und LESS und verwendet Plugins zur Unterstützung von Template-Engines, Pre-Prozessoren und Markup-Sprachen. Sie können also mithilfe des erforderlichen Plugins beliebige Kombinationen auswählen. Docpad unterstützt auch den Import von Seiten aus externen Quellen wie Tumblr, GitHub und Dropbox über Plugins.

Docpad ist eine funktionsreiche Plattform mit vielen Plugins und großartiger Dokumentation. Es basiert auf Node.js und verwendet Server-Interaktionen.

Installieren Sie Docpad einfach mit npm: npm install -g npm; npm install -g [email protected] npm install -g npm; npm install -g [email protected]

 Startseite 

8. Hexo

Hexo ist ein leichtes statisches Blog-Framework, das stolz auf seine rasante Site-Generierungsgeschwindigkeit ist. Hexo eignet sich hervorragend für Blogger mit großen Inhalten, die einen einfachen statischen Site-Generator benötigen. Es bietet einfache Migrationsoptionen von anderen Blogging-Plattformen wie WordPress, Joomla, Jekyll, Octopress und RSS. Das Beste an Hexo ist, dass Sie die meisten Plugins verwenden können, die für Octopress gemacht wurden (und Plugins für Jekyll mit sehr geringen Modifikationen).

Hexo unterstützt Markdown, YAML für Front und Konfiguration. Schnelligkeit beibehalten Mit Hexo können Sie mit nur einem Befehl auf Sites wie GitHub, Heroku und Rsync zugreifen.

Hexo kann mit Node.js installiert werden: npm install hexo-cli -g

Startseite

9. Hugo

Hugo ist ein allgemeiner statischer Site-Generator mit guten Allround-Funktionen wie Vorlagen und Unterstützung für Teilbereiche, Seitenumbruch und "Taxonomien". Dies ist im Wesentlichen ein einzigartiges System zur Kategorisierung von Inhalten, gefolgt von Hugo. Das bedeutet, dass Sie Posts auf einfache Weise anhand von Tags klassifizieren können, aber auch auf beliebige andere Weise, z. B. Kategorien oder Serien, direkt von Frontmatter. Hugo unterstützt drei Datendateitypen - YAML, JSON und TOML. Sie können entscheiden, welche für Sie am bequemsten ist.

Anstelle von Plugins verwendet Hugo "Shortcodes", mit denen Sie reichhaltige Inhalte in Markdown verwenden können. Lesen Sie diesen Artikel, um zu erfahren, wie das funktioniert. Hugo ist in der Programmiersprache Go geschrieben und bietet auf seiner GitHub-Seite separate Installationsdateien für verschiedene Plattformen. Lesen Sie die Installationsanweisungen für Hugo, um genau zu erfahren, wie Sie Hugo installieren können.

Wenn Sie Homebrew verwenden, können Hugo und alle Abhängigkeiten installiert werden mit: brew install hugo

Startseite

10. Brunch

Brunch orientiert sich eher an HTML5-Webanwendungen als an Blogs und Websites, ist aber immer noch ein sehr einfach zu verwendender, schneller statischer Site-Generator. Es kompiliert nicht nur Ihren gesamten Code und Ihre Skripts, sondern kann Ihren Code auch verkleinern (verkleinern) und Bilder automatisch komprimieren. Brunch verfügt über eine Vielzahl von Plugins, mit denen Sie das Plugin an Ihre Bedürfnisse anpassen können. Die vollständige Liste der Brunch-Plugins finden Sie hier.

Brunch bietet "Skelette" an, bei denen es sich im Wesentlichen um das Starten Ihrer Website (oder Web-App) handelt. Es bietet eine der schnellsten Kompilierungsgeschwindigkeiten, einfach weil Brunch alle unveränderten Teile Ihres Projekts zwischenspeichert und nur die überarbeiteten Dateien zusammenstellt. Brunch basiert auf Node.js und kann mit npm: npm install -g brunch

Startseite

Haben Sie Vorschläge zu diesem Artikel? Lass es in den Kommentaren!

Top