11 Open-Source-Static-Site-Generatoren, mit denen Sie Ihre Website erstellen können

Suchen Sie nach einem Open-Source-Generator für statische Websites? Suchen Sie nicht weiter, dieser Artikel hat Sie abgedeckt.

Websites können als statisch oder dynamisch betrachtet werden. Ein CMS (Content Management System) wie WordPress treibt normalerweise dynamische Websites an. Das Content-Management-System holt sich die Informationen aus einer Datenbank und füllt den Inhalt dann jedes Mal auf einer Webseite aus, wenn ein Benutzer ihn anfordert.

Statische Sites sind Websites, die dem Client von einem Webserver ohne Änderungen bereitgestellt werden. Es ist eine unkomplizierte Methode zum Erstellen von Websites, da jede Seite der Website eine separate HTML-Datei ist. In den frühen Tagen des Webs erstellten sie so Websites.

Wenn Sie also die Homepage auf einer statischen Website besuchen, sehen Sie eine tatsächliche Homepage-Datei. In diesem Artikel stellen wir 11 Open-Source- und kostenlose Generatoren für statische Websites vor, mit denen Sie Ihre Website erstellen können.

1. Jekyll

Jekyll ist der Pionier der statischen Site-Generatoren. Es wurde erstmals 2008 von Githubs Mitbegründer Tom Preston-Werner veröffentlicht. Es wurde mit Ruby geschrieben und generiert statische Websites, indem es Inhalte aus JSON-, YAML-, CSV- und TSV-Dateien lädt.

Jekyll betreibt GitHub Pages, mit dem Benutzer ihre Websites ohne zusätzliche Kosten basierend auf ihrem GitHub-Repository-Konto hosten können.

Github-Link: https://github.com/jekyll/jekyll

2. Hugo

Hugo ist ein Open-Source-Generator für statische Websites, der mit der Programmiersprache Go erstellt wurde. Das Besondere an Hugo ist, wie schnell es Websites erstellt. Es ist außerdem flexibel und bietet ein leistungsstarkes Theme-System, mit dem Sie Ihr Theme erstellen können.

Es ist auf mehreren Betriebssystemplattformen verfügbar, unterstützt hübsche URLs und bietet verschiedene Optionen für Inhaltstypen.

Github: https://github.com/gohugoio/hugo

3.Veröffentlichung

Publii ist eine kostenlose Open-Source-Desktop-basierte App. Es läuft lokal auf Ihrem Computer statt auf den Servern der Site und erfordert keinen Internetzugang. Sie können also offline an Ihrer Website arbeiten.

Wenn Sie online sind, laden Sie die Änderungen einfach auf Ihren Server hoch und die Änderungen werden gespeichert. Es gibt mehrere Upload-Optionen, darunter die Standard-HTTP/HTTPS-Server, Amazon S3, GitHub Pages, Netlify, SFTP und Google Cloud.

Mit Publii können Sie einen persönlichen Blog, ein Portfolio oder eine Unternehmenswebsite erstellen. Es unterstützt Sie auch beim Erstellen, Ändern und Ausführen unbegrenzter Websites aus derselben App mit sofortigem Wechsel. Sie müssen sich keine Datenbanken oder andere Anmeldeinformationen merken.

Github: https://github.com/GetPublii/Publii

4. Nuxt

Nuxt ist ein intuitives Web-Framework auf Basis von Vue, mit dem Sie statische Websites erstellen können. Es ist Open Source und wenn Sie Ihre statische Site erstellen, können Sie sie kostenlos in Azure Static Web Apps hosten. Nuxt unterstützt serverseitiges Rendering, was zu einem großen SEO-Boost, besserer UX und mehr Möglichkeiten im Vergleich zu herkömmlichen Vue- Single-Page-Anwendungen (SPA) führt.

Github: https://nuxtjs.org

5. Grimmig

Gridsome ist ein weiteres Open-Source-SSG, das auf Vue.js basiert und von GraphQL unterstützt wird. Es verwendet das Jamstack-Framework, das es ermöglicht, Websites zu erstellen, die standardmäßig schnell sind, eine bessere Leistung aufweisen, mit höherer Sicherheit ausgestattet sind, geringe Skalierungskosten aufweisen und eine bessere Entwicklererfahrung bieten.

Gridsome unterstützt PWA, die offline funktioniert, wenn keine Internetverbindung besteht, und Daten nutzt, die während Ihrer letzten Interaktion mit der App zwischengespeichert wurden.

Github: https://github.com/gridsome/gridsome

6. Hexo

Hexo ist ein schnelles, einfaches und leistungsstarkes Blog-Framework, das von Node.js unterstützt wird. Es unterstützt alle Funktionen von GitHub Flavored Markdown und den meisten Octopress-Plugins. Es verfügt auch über leistungsstarke APIs, die grenzenlose Erweiterbarkeit bieten.

Es gibt verschiedene Plugins, die die meisten Template-Engines unterstützen, zum Beispiel EJS, Pug, Nunjucks und viele andere. Es lässt sich auch problemlos in NPM- Pakete (Node Package Manager) wie Babel, PostCSS und Less/Sass integrieren.

Github: https://github.com/hexojs/hexo

7. Dokusaurus

Docusaurus ist ein von Facebook entwickelter Open-Source-Generator für statische Websites . Es wurde mit React erstellt und von Markdown unterstützt. Sie können mit Markdown Dokumente und Blog-Posts schreiben, und Docusaurus veröffentlicht eine Reihe statischer HTML-Dateien.

So sparen Sie Zeit und können sich ganz auf die Dokumentation Ihres Projekts konzentrieren. Dank MDX können Sie sogar JSX-Komponenten in Ihr Markdown einbetten. Docusaurus verfügt außerdem über eine vorkonfigurierte Lokalisierung, die Ihre Dokumente in über 70 Sprachen übersetzen kann.

Github: https://github.com/facebook/docusaurus

8. VuePress

VuePress ist ein minimalistisches Vue-betriebenes SSG von Evan You; der Schöpfer von Vue.js . Es wurde entwickelt, um die technischen Dokumentationsanforderungen von Vue-Projekten zu unterstützen. Es wird von Vue, Vue Router und Webpack unterstützt. Vuepress ist Open Source, einfach zu bedienen und erfordert nur minimale Einrichtung mit Markdown.

Github: https://github.com/vuejs/vuepress

9. Elf

Eleventy (11ty) ist eine einfachere Open-Source-SSG. Es wurde als JavaScript-Alternative zu Jekyll entwickelt. Es hat Zero-Config, was bedeutet, dass Eleventy ohne Konfigurationsdateien oder Befehlszeilen ausgeführt werden kann. Folglich senkt es die Eintrittsbarriere für Ihren ersten Projekt-Build. Sie werden Ihre Website schneller als je zuvor zum Laufen bringen.

Eleventy verwendet unabhängige Template-Engines. Wenn Sie sich später entscheiden, etwas anderes zu verwenden, erleichtert eine solche Organisation Ihrer Inhalte die Migration. Es bietet auch mehrere Vorlagensprachen. Sie können eine auswählen oder alle zusammen in einem einzigen Projekt verwenden.

Github: https://github.com/11ty/eventy/

10. Pelikan

Pelican ist ein in Python geschriebenes Open-Source-SSG. Zu seinen Funktionen gehören das Schreiben von Inhalten in reStructuredText oder Markdown-Markup, einfach zu hostende statische Ausgabe und benutzerdefinierte Designs über Jinja-Vorlagen. Es ist auch mehrsprachig, verfügt über Atom-/RSS-Feeds, Code-Syntax-Highlighting, Import aus WordPress und anderen Diensten, ein modulares Plugin-System, ein entsprechendes Plugin-Repository und viele andere Funktionen.

Github: https://github.com/getpelican/pelican

11. Lektor

Lektor ist ein weiteres von Python entwickeltes Open-Source-SSG. Es ist zu 100 % dateibasiert, d. h. alle Quelldaten sind gut strukturiert und können in einem Versionskontrollsystem oder Cloud-Speicher wie Dropbox nachverfolgt werden. Es verfügt auch über eine Flatfile-Datenbank, in der alle Quelldaten in einer Flatfile-Tree-Datenbank gespeichert sind und frei abgefragt werden können. Das Layout dieser Daten ist vollständig konfigurierbar.

Lektor hat einen anpassbaren Administrator, in dem Sie Ihre Seiten bearbeiten können, ohne die Rohquellen berühren zu müssen. Es verfügt auch über eine Abhängigkeitsverfolgung, bei der der Build-Prozess Seitenabhängigkeiten intelligent verfolgt, sodass nur geänderte Seiten neu erstellt werden. Zu den weiteren Funktionen gehören ein Plugin-System, Image-Tools, mehrsprachig, von jedem Host bereitgestellt, unter Windows, Linux und OSX ausgeführt.

Github: https://github.com/lektor/lektor

Erstellen Sie Ihre statische Website

Statische Websites bieten eine Vielzahl von Vorteilen. Diese Websites sind flexibel, leistungsfähiger, haben weniger serverseitige Abhängigkeiten, verbesserte Zuverlässigkeit, überlegene Sicherheit und hervorragende Versionskontrolle und Tests. Wenn Sie eine statische Website erstellen möchten, sollten Sie sich die oben genannten kostenlosen Open-Source-Generatoren für statische Websites ansehen.