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

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

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

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

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

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 auch 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 eines auswählen oder alle zusammen in einem einzigen Projekt verwenden.

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

10. Pelikan

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

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

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

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 Admin, 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.


Python als Befehlszeilenrechner verwenden

Python als Befehlszeilenrechner verwenden

Während Sie einen grafischen Taschenrechner auf Ihrem Computer verwenden können, kann der Interpreter der Programmiersprache Python auch als Tischrechner verwendet werden. Es ist ein so beliebter Laufwitz ​​in der Python-Community, dass er im offiziellen Tutorial erwähnt wird. So können Sie Python als Taschenrechner verwenden.

Die 8 besten Java-Blogs für Programmierer

Die 8 besten Java-Blogs für Programmierer

Als Programmierer sollten Sie Herausforderungen annehmen, um zu überleben und einige Wunder im Entwicklungs- oder Programmierbereich zu schaffen. Wenn Sie also eine fortgeschrittene Programmiersprache lernen möchten, um Ihre beruflichen Fähigkeiten zu verbessern, ist Java eine der besten Aussichten, die es gibt.

7 wichtige Befehle für den Einstieg in Python für Anfänger

7 wichtige Befehle für den Einstieg in Python für Anfänger

Das Erlernen einer neuen Programmiersprache wie Python wird mühelos, wenn Sie eine umfassende Roadmap haben, die detailliert beschreibt, welche Konzepte Sie als Anfänger lernen müssen und wie Sie weiter vorankommen, um den nächsten Meilenstein zu erreichen. Auch fortgeschrittene Programmierer sollten ihre Grundlagen häufig auffrischen, um eine solide Grundlage für sich selbst zu schaffen.

Responsive Webdesign-Prinzipien

Responsive Webdesign-Prinzipien

Heutzutage ist es gängige Praxis, eine Website oder App zu erstellen, die ihre Benutzeroberfläche je nach Browser oder Gerät anpasst. Um dieses Ziel zu erreichen, gibt es zwei Ansätze. Die erste besteht darin, verschiedene Versionen Ihrer Website oder App für verschiedene Geräte zu erstellen. Aber es ist ineffizient und kann zu unvorhersehbaren Fehlern führen.

So zählen Sie die Anzahl der Ziffern einer Zahl mit C++, Python und JavaScript

So zählen Sie die Anzahl der Ziffern einer Zahl mit C++, Python und JavaScript

Das Arbeiten mit Zahlen ist ein wesentlicher Bestandteil der Programmierung. Jede Programmiersprache bietet Unterstützung, um Zahlen auf viele verschiedene Arten zu manipulieren. In diesem Artikel erfahren Sie, wie Sie mit iterativen, logbasierten und stringbasierten Ansätzen die Gesamtzahl der Ziffern in einer Ganzzahl ermitteln.

SQL vs. NoSQL: Was ist die beste Datenbank für Ihr nächstes Projekt?

SQL vs. NoSQL: Was ist die beste Datenbank für Ihr nächstes Projekt?

SQL vs. NoSQL: Was ist die beste Datenbank für Ihr nächstes Projekt?

So schreiben und kompilieren Sie Ihren ersten Solidity-Code

So schreiben und kompilieren Sie Ihren ersten Solidity-Code

Solidity ist die Programmiersprache, die von Smart Contracts auf der Ethereum-Blockchain verwendet wird. Es ist eine statisch typisierte, objektorientierte Programmiersprache.

Top 5 Badges, die Ihr GitHub-Repository aufladen

Top 5 Badges, die Ihr GitHub-Repository aufladen

GitHub Badges kann die Lesbarkeit eines Repositorys verbessern, indem es Benutzern eine schnelle Möglichkeit bietet, die Repository-Metriken zu erfassen. Badges können in Ihre README.md eingebettet werden, um anderen Entwicklern die Bedeutung und Notwendigkeit Ihres Projekts zu verdeutlichen. Als Ergebnis erhalten die Leser eine wirklich schnelle Vorstellung vom Repository, indem sie die beigefügten Badges überprüfen.

Wie funktioniert die Python String format() Methode? 10 Beispiele

Wie funktioniert die Python String format() Methode? 10 Beispiele

Ob es sich um eine Datenbankabfrage oder Ergebnisse mathematischer Operationen handelt, die Python-String-Format-Methode bietet eine dynamischere und ansprechendere Möglichkeit, einem Benutzer Ergebnisse zu präsentieren.

Visual Studio 2022 vs. 2019: Sollten Sie jetzt ein Upgrade durchführen? Erklärt

Visual Studio 2022 vs. 2019: Sollten Sie jetzt ein Upgrade durchführen? Erklärt

Anfang dieses Jahres hat Microsoft die Preview-Version von Visual Studio 2022 in die wilde Programmierwelt gebracht. Das sind gute Neuigkeiten! Es ist eine äußerst beliebte IDE, die jedoch angesichts des Tempos der Veränderungen im DevOps-Ökosystem, in dem sie gedeiht, für eine Optimierung oder vielleicht sogar eine Überarbeitung fällig ist.

Eine einfache Einführung in Softwaremetriken

Eine einfache Einführung in Softwaremetriken

Softwaremetriken sind Maße, die verwendet werden, um verschiedene Aspekte Ihrer Software zu quantifizieren. Diese Aspekte können von Kosten, Qualität und Effizienz des Entwicklungsteams reichen.

So installieren Sie .NET Framework Version 3.5 unter Windows 10

So installieren Sie .NET Framework Version 3.5 unter Windows 10

Als Windows-Benutzer sind Sie wahrscheinlich mindestens einmal auf die Worte .NET Framework gestoßen. Es handelt sich um ein von Microsoft entwickeltes Software-Framework, mit dem Sie C#-, C++-, F#- und Visual Basic-Programme erstellen und ausführen können. Die neueste .NET-Version ist 4.8, aber Ihr Computer benötigt möglicherweise eine ältere Version von .NET (wie .NET 3.5), um einige Apps auszuführen.

Flask oder CherryPy: Welches Python-Framework sollten Sie verwenden?

Flask oder CherryPy: Welches Python-Framework sollten Sie verwenden?

Wenn Sie ein Python-Entwickler sind, können Sie von der Vielzahl der verfügbaren Frameworks stark profitieren. Während einige Frameworks am besten für große Ökosysteme geeignet sind, sind andere darauf spezialisiert, bestimmte Entwicklungsziele zu erreichen. Lesen Sie weiter, um die grundlegenden Funktionen, Verwendungen und Unterschiede zwischen zwei Python-Frameworks zu erfahren: Flask und CherryPy.

So finden Sie n-stellige perfekte Würfel und Quadrate mit Python, C++ und JavaScript

So finden Sie n-stellige perfekte Würfel und Quadrate mit Python, C++ und JavaScript

Viele Programmierer lieben es, knifflige mathematische Probleme mit Code zu lösen. Es hilft, den Geist zu schärfen und die Fähigkeiten zur Problemlösung zu verbessern. In diesem Artikel erfahren Sie, wie Sie mit Python, C++ und JavaScript die kleinsten und größten n-stelligen perfekten Quadrate und Würfel finden. Jedes Beispiel enthält auch eine Beispielausgabe für mehrere verschiedene Werte.

So fügen Sie Python zur Windows-Variablen PATH hinzu

So fügen Sie Python zur Windows-Variablen PATH hinzu

Das Ausführen von Python über das Terminal ist oft unvermeidlich. Wenn Sie Python jedoch zum ersten Mal unter Windows 10 installiert haben, ist die Ausführung über das Windows-Terminal nur möglich, wenn es der Windows-Umgebungsvariablen PATH hinzugefügt wird.

So verwenden Sie die Python if-Anweisung

So verwenden Sie die Python if-Anweisung

Die if-Anweisung ist die treibende Kraft der logischen Programmierung. Infolgedessen ist ein besseres Verständnis von Python eine wesentliche Ergänzung zu Ihren Python-Programmierkenntnissen.

Programmieren ist nicht für jeden geeignet: 9 Tech-Jobs, die Sie ohne ihn bekommen können

Programmieren ist nicht für jeden geeignet: 9 Tech-Jobs, die Sie ohne ihn bekommen können

Tech ist zweifellos die Branche der Zukunft. Wenn Sie einer von Millionen junger Erwachsener sind, die kurz davor stehen, in den ersten Abschnitt Ihrer Karriere einzusteigen, fragen Sie sich vielleicht, was Sie tun sollen, wenn Sie nicht gerne programmieren.

So erstellen und verwalten Sie Ihre virtuellen Python-Umgebungen effektiv

So erstellen und verwalten Sie Ihre virtuellen Python-Umgebungen effektiv

Sie können ein reales Projekt in Python ohne eine virtuelle Umgebung nicht erfolgreich abschließen. Tools wie virtualenvwrapper und virtualenv werden häufig zum Erstellen und Verwalten virtueller Umgebungen für die Webentwicklung verwendet, während Anaconda von Datenwissenschaftlern häufig verwendet wird.

Das CSS-Box-Modell mit Beispielen erklärt

Das CSS-Box-Modell mit Beispielen erklärt

Wenn Sie planen, ein großartiges Webseiten-Layout zu erstellen, müssen Sie sich mit Rändern, Rahmen, Auffüllung und Inhalt auskennen. Jedes Element im Webdesign, ob Bild oder Text, verwendet eine Box mit diesen Eigenschaften. Sie können ganz einfach komplexe Layouts erstellen, indem Sie mit dem Boxmodell herumspielen. In diesem Artikel sezieren wir das CSS-Box-Modell und zeigen Ihnen anhand praktischer Beispiele, wie Sie diese Eigenschaften verwenden.

7 Open-Source-CMS-WordPress-Alternativen

7 Open-Source-CMS-WordPress-Alternativen

Suchen Sie nach einer WordPress-Alternative zum Erstellen Ihrer Website? Suchen Sie nicht weiter. Dieser Artikel zeigt Ihnen andere Content-Management-Systeme (CMS), mit denen Sie Ihre Site erstellen können.

Python als Befehlszeilenrechner verwenden

Python als Befehlszeilenrechner verwenden

Während Sie einen grafischen Taschenrechner auf Ihrem Computer verwenden können, kann der Interpreter der Programmiersprache Python auch als Tischrechner verwendet werden. Es ist ein so beliebter Laufwitz ​​in der Python-Community, dass er im offiziellen Tutorial erwähnt wird. So können Sie Python als Taschenrechner verwenden.

Die 8 besten Java-Blogs für Programmierer

Die 8 besten Java-Blogs für Programmierer

Als Programmierer sollten Sie Herausforderungen annehmen, um zu überleben und einige Wunder im Entwicklungs- oder Programmierbereich zu schaffen. Wenn Sie also eine fortgeschrittene Programmiersprache lernen möchten, um Ihre beruflichen Fähigkeiten zu verbessern, ist Java eine der besten Aussichten, die es gibt.

7 wichtige Befehle für den Einstieg in Python für Anfänger

7 wichtige Befehle für den Einstieg in Python für Anfänger

Das Erlernen einer neuen Programmiersprache wie Python wird mühelos, wenn Sie eine umfassende Roadmap haben, die detailliert beschreibt, welche Konzepte Sie als Anfänger lernen müssen und wie Sie weiter vorankommen, um den nächsten Meilenstein zu erreichen. Auch fortgeschrittene Programmierer sollten ihre Grundlagen häufig auffrischen, um eine solide Grundlage für sich selbst zu schaffen.

Responsive Webdesign-Prinzipien

Responsive Webdesign-Prinzipien

Heutzutage ist es gängige Praxis, eine Website oder App zu erstellen, die ihre Benutzeroberfläche je nach Browser oder Gerät anpasst. Um dieses Ziel zu erreichen, gibt es zwei Ansätze. Die erste besteht darin, verschiedene Versionen Ihrer Website oder App für verschiedene Geräte zu erstellen. Aber es ist ineffizient und kann zu unvorhersehbaren Fehlern führen.

So zählen Sie die Anzahl der Ziffern einer Zahl mit C++, Python und JavaScript

So zählen Sie die Anzahl der Ziffern einer Zahl mit C++, Python und JavaScript

Das Arbeiten mit Zahlen ist ein wesentlicher Bestandteil der Programmierung. Jede Programmiersprache bietet Unterstützung, um Zahlen auf viele verschiedene Arten zu manipulieren. In diesem Artikel erfahren Sie, wie Sie mit iterativen, logbasierten und stringbasierten Ansätzen die Gesamtzahl der Ziffern in einer Ganzzahl ermitteln.

Die 9 besten Docker-Alternativen für das Container-Management

Die 9 besten Docker-Alternativen für das Container-Management

Container sind für die Softwareentwicklung, -bereitstellung und -verwaltung in einer virtuellen Umgebung von großem Nutzen. Docker ist im Containerisierungsprozess nützlich, aber nicht die einzige Plattform, die es gibt. Wenn Sie nach Alternativen zu Docker suchen, suchen Sie nicht weiter. Diese Liste zeigt einige funktionsreiche und effiziente Docker-Alternativen, die Sie in Ihrem nächsten Projekt verwenden können.

SQL vs. NoSQL: Was ist die beste Datenbank für Ihr nächstes Projekt?

SQL vs. NoSQL: Was ist die beste Datenbank für Ihr nächstes Projekt?

SQL vs. NoSQL: Was ist die beste Datenbank für Ihr nächstes Projekt?

So betten Sie Tweets in Ihre WordPress-Beiträge ein

So betten Sie Tweets in Ihre WordPress-Beiträge ein

Das Einbetten von Drittanbieterdiensten in Ihre WordPress-Posts ist eine aufregende Möglichkeit, das Interesse eines Besuchers zu wecken. Eingebettete Inhalte bieten auch visuelle Hinweise, die das Scannen erleichtern. WordPress hat das Hinzufügen dieser Art von Inhalten einfach gemacht.

So löschen Sie den Ordner für Knotenmodule mit npkill

So löschen Sie den Ordner für Knotenmodule mit npkill

Node.js ist eine JavaScript-Laufzeitumgebung, mit der Sie JavaScript außerhalb von Webbrowsern ausführen können, was es zu einer beliebten Wahl für die Entwicklung aller Arten von Anwendungen macht. Ein Teil seiner Popularität ist auf die Fülle von NPM-Paketen zurückzuführen, die das Entwicklererlebnis erleichtern sollen.

So schreiben und kompilieren Sie Ihren ersten Solidity-Code

So schreiben und kompilieren Sie Ihren ersten Solidity-Code

Solidity ist die Programmiersprache, die von Smart Contracts auf der Ethereum-Blockchain verwendet wird. Es ist eine statisch typisierte, objektorientierte Programmiersprache.