So erstellen Sie eine Website mit Jekyll - DEUTSCH

Sind Sie ein Websitebesitzer? auf der Suche nach einer einfachen Möglichkeit, schnelle Websites zu erstellen? Während die meisten gängigen Content-Management-Systeme wie WordPress für solche Aufgaben geeignet sind, sind sie nicht schnell. Sie stützen sich auf Datenbanken, schwere Skripte und Plugins, um endlich auf der Seite zu liefern. Aber was ist, wenn es einen besseren Weg gibt?? Jekyll ist so viel besser als andere ähnliche Entscheidungen! Es ist ein statischer Site-Generator - alles, was Sie tun müssen, ist, Ihre Beiträge zu übernehmen, Formatieren Sie es entsprechend und führen Sie es durch die Engine. Dies führt zu der Erstellung von HTML-kompatiblen Dateien das kann einfach auf jeden Host hochgeladen werden.

Jekyll 4.1.0 Aktualisierung

Jekyll wurde Ende Mai aktualisiert 2020 mit einem neuen Update mit der Nummer v4.1.0, in dem die Serverkomponente jetzt unter anderem ECC-Zertifikate unterstützt. Dies ist eine wichtige Funktion, wenn ein anderer Schlüsseltyp als RSA verwendet wird. Eine weitere wichtige Sache ist die Optimierung der Markdown-Engine — Die Formatierung, die in den Entwürfen verwendet wird und die Ausgabe der Seiten steuert. Mit Jekyll 4.1.0 Die Blogger können sich dafür entscheiden Deaktivieren Sie das Festplatten-Caching was in einigen Fällen von Vorteil sein kann, insbesondere wenn komplexere Tests von Projekten durchgeführt werden.

Weitere wichtige Verbesserungen aus Sicht des Websitebesitzers sind die folgenden:

• Konfiguration der Standardsprache mit Syntaxhervorhebung. Bisher muss dies manuell erfolgen.
• Die Administratoren können jetzt den Import der Designkonfiguration deaktivieren
• Das PageDrop-Modul kann mit den Liquid-Vorlagen verwendet werden.

Wie immer enthält die neue Jekyll-Version wichtige Fehlerkorrekturen, die von Benutzern gemeldet wurden.

Warum Jekyll für statische Sites

Statische Site-Generatoren sind eines der beliebtesten Tools zum Generieren Hochwertige und benutzerfreundliche Websites das hängt nicht von einem dynamischen Content-Management-System wie WordPress ab. Die statischen Websites sind klein und werden als Projektausgabe erstellt, nachdem die Websitebesitzer den Inhalt über die Jekyll-App ausgeführt haben. Von Natur aus ist Jekyll a Ruby ausführbare App Das ist sehr einfach zu bedienen und plattformübergreifend. Eine sehr praktische Funktion ist, dass Jekyll einen integrierten lokalen Webserver enthält, mit dem die Websitebesitzer eine Live-Vorschau der vorgenommenen Änderungen anzeigen können, bevor die Website online veröffentlicht wird. Dort sind einige Deutliche Vorteile der Verwendung einer statischen Site im Gegensatz zu dynamischen, die Jekyll als Site-Generator im Auge haben:

• Performance - Die Websites, die von Jekyll erstellt werden, sind viel schneller als die seiner Kollegen. Sie werden in sauberem HTML-Code erstellt, der von den Webbrowsern leicht gelesen werden kann und viel schneller geladen werden kann. Es gibt keine datenbankabhängigen Elemente und komplexen Abfragen, die bei anderen Arten von Websites häufig vorkommen.
• Erstellungsprozess - Im Vergleich zu dynamischen Content-Management-Systemen sind die von Jekyll generierten Systeme anders aufgebaut. Die Entwickler müssen den Inhalt gemäß der von Jekyll verwendeten Vorlagen-Engine formatieren, die der Hauptkonfigurationsdatei entspricht. Jekyll wandelt die Entwurfsdateien in HTML-Sites um, die dann auf die Webserver hochgeladen werden müssen.
• Serveranforderungen - Jekyll-Sites benötigen spezielle Skripte oder Datenbanken, was die Suche nach einem günstigen Hosting erheblich erleichtert.

Jekyll Setup: Die Grundlagen

Jekyll 4.0.0 ist im Wesentlichen ein sogenanntes Ruby-Juwel - dies ist eine spezielle Art von Code, der in der Ruby-Umgebung installiert wird. Ruby ist eine moderne Programmiersprache, die allgemein zum Erstellen von Websites und Anwendungen verwendet wird. Ein Gem ist eine Art Programm, das aus dem Ruby-Repository heruntergeladen werden kann und auf eine bestimmte Weise funktioniert. Mögliche Funktionen sind Verpackungswerkzeuge, wiederholte Aktionen, Frameworks und etc.. Infolgedessen übernimmt Jekyll die Inhaltsdateien, Verarbeiten Sie sie und geben Sie HTML-Dateien aus, die zum Hochladen auf die Webserver bereit sind.

Um mit Jekyll arbeiten zu können, muss die folgende Software installiert sein: Die Hauptumgebung von Ruby (einschließlich aller Entwicklungsheader), Ruby Gems-Pakete unterstützen und die gcc- und make-Tools. Eine ausführliche Beschreibung der Installation und Vorbereitung der Umgebung finden Sie im Jekyll Installationsseite.

Der Jekyll Site Creation-Prozess

Um eine Site fertig zu haben, die von einem Jekyll erstellt wurde 4.0.0 Anwendung auf dem lokalen System installiert, das von den Site-Eigentümern verwendet wird. Zunächst müssen sie das Jekyll konfigurieren, indem sie die globalen Umgebungen für das Projekt festlegen. Wenn Jekyll installiert ist und auf einem bestimmten System arbeitet, müssen die Site-Besitzer ein Verzeichnis erstellen, in dem alle Site-Projektdateien gespeichert sind. Dieses Verzeichnis wird als das bezeichnet “Site-Root” . Darin ein Jekyll index.htm Es muss eine Datei erstellt werden, in der der Inhalt der Basishomepage und wichtige Dateien gespeichert sind. Eine leere Vorlage enthält den folgenden Code:

doctype html>
<html>
<Kopf>
<Meta-Zeichensatz = "utf-8">
<Titel>Zuhause</Titel>
</Kopf>
<Körper>
<h1>Hallo Welt!</h1>
</Körper>
</html></p>

Das ist der General “Hallo Welt!” Begrüßungsseite, von der aus Webentwickler mit dem Erstellen ihrer Kreationen beginnen können. Im Stammverzeichnis können die Entwickler zwei Befehle ausführen:

• Jekyll bauen - Dadurch wird die Site erstellt und der endgültige Code in einem separaten Unterverzeichnis namens aufgerufen “_Seite? ˅”.
• Jekyll dienen - Dadurch werden die Site-Änderungen überwacht und die Site automatisch neu erstellt, sobald die Jekyll-Anwendung ausgeführt wird. Dadurch wird auch der integrierte Website-Server aktiviert, mit dem die Entwickler eine Live-Vorschau ihres Projekts anzeigen können. Standardmäßig ist es über die folgende URL zugänglich: http://localhost:4000

Alles, was die Benutzer tun müssen, ist sich für ein geeignetes Site-Layout zu entscheiden und den Inhalt zu generieren. Dies kann auf zwei Arten erfolgen:

• HTML-Dateien - Dies sind Standard-HTML-Dateien, die von den Website-Eigentümern erstellt werden. Sie werden mit den von Jekyll definierten Einstellungen konfrontiert.
• Markdown-Vorlagendateien - Die Websitebesitzer können auch von Markdowns geschriebene Dateien erzwingen, die gemäß einer bestimmten Vorlage ausgegeben werden. Dies bedeutet, dass die Benutzer Text und Code nach einem einfach zu befolgenden Markdown-Format formatieren können. Es wird nach den definierten Regeln verarbeitet und gibt am Ende eine standardkonforme HTML-Datei zurück.

Markdown ist eine benutzerfreundliche Markup-Sprache Dies ist beliebt bei Entwicklern und Webentwicklern. Dies ist sehr praktisch, da mehrere Textverarbeitungsprogramme und spezielle Editoren diese in Standardformaten ausgeben können. Jekyll nimmt die Markdown-Dateien (mit der entsprechenden .md-Erweiterung) und unter Verwendung der definierten Vorlagendateien wird eine optimierte HTML-Datei generiert.

Die Jekyll-Engine unterscheidet normale HTML-erstellte Seiten von den sogenannten Spezialdateien. Dies erfolgt durch Eingabe der erforderlichen Daten YAML Front Angelegenheit- Dies muss am Anfang jeder solchen Seite stehen. YAML ist eine praktische und menschenfreundliche Auszeichnungssprache, die von Jekyll gelesen wird. Ein typisches Beispiel für eine solche Datei ist das Folgende:

—
Layout: Post
Titel: Bloggen 101 Seite
—

In diesem Beispiel gibt die vordere Angelegenheit die verwendete an Layout Art (In diesem Beispiel ist dies ein Standard-Blogbeitrag) und der Titel der Seite. Es gibt zwei weitere globale Variablen, die in den Vordergrund gestellt werden können: Permalink (Dadurch kann der Benutzer seinen eigenen Permalink für den angegebenen Beitrag einrichten und veröffentlicht (wahre oder falsche Werte können platziert werden) Dies kann verhindern, dass ein bestimmter Beitrag online veröffentlicht wird. Dies ist besonders nützlich, wenn Entwürfe geplant sind.

Verwenden der Jekyll Template Engine und der Konfigurationsdateien Die Benutzer können ihre eigenen Variablen erstellen auch. Wenn es um den Beitragstyp geht, gibt es mehrere Optionen, die verwendet werden können:

• Datum - Dadurch wird das Datum des Beitrags überschrieben, wie in der Site-Ausgabe angegeben.
• Kategorie / Kategorien - Dies dient zur besseren Organisation der Beiträge, wenn sie von den Besuchern angezeigt werden. Durch Angabe dieses Wertes werden die Beiträge in den jeweiligen Kategorien organisiert. Der Plural „Kategorien“ kann in einer YAML-Liste angegeben oder wie in den meisten dynamischen Content-Management-Systemen durch Leerzeichen getrennt werden.
• Stichworte - Dies ist eine beliebte Option, mit der Beiträge von Benutzern markiert werden können. Dies ist eine weitere Annehmlichkeit, die von den oben genannten Kategorien getrennt ist.

Jekyll Site Structure und Layout Engine

Sobald die Jekyll-Engine für eine bestimmte Site zum ersten Mal gestartet wird (Projekt) Grundsätzlich ist alles, was die Websitebesitzer tun müssen, das Aufrufen von jekyll neuer $ sitename (wo $Site-Name ist das Projektverzeichnis). Alle modernen Versionen von Jekyll erstellen ein strukturiertes Verzeichnislayout. Standardmäßig verwendet die Hauptkonfigurationsdatei eine Standardvorlage mit dem Namen Minima Dies kann je nach den Vorlieben der Benutzer angepasst oder geändert werden. Das Verzeichnis enthält die folgenden Dateien und Ordner:

• Ordner _posts - Dies wird die einzelnen Beiträge enthalten. Im typischen Fall haben sie das folgende Format: XXXX-XX-XX- $ postname.markdown (oder .md). Die ersten drei Zeichenfolgen sind der Jahr-Monat-Tag, gefolgt von Bindestrichen mit dem Postnamen in Permalink-Struktur. Ein Beispiel für einen Post-Namen ist 2020-01-03-hello.markdown, der einen Post mit dem Namen "Hello" ausgibt und im Januar veröffentlicht wird 3 2020.
• _config.yml - Dies ist die Hauptkonfigurationsdatei, die von Jekyll verwendet wird.
• 404.html - Dies enthält die Standardfehlerseite "Seite nicht gefunden", die auch als "Seite nicht gefunden" bezeichnet wird 404 Error.
• about.markdown - Dies ist die Seite "Über", die normalerweise in den meisten Blogs zu finden ist.
• Gemfile - Dies ist eine Datei, die automatisch von der Gemfile-Umgebung erstellt wird.
• index.markdown - Dies ist die Standard-Startseite, auf der standardmäßig alle Blog-Posts basierend auf dem Datum in absteigender Reihenfolge indiziert werden.

Weitere Informationen zu Layoutoptionen, Verzeichnisstruktur und weitere Informationen finden Sie auf den entsprechenden Seiten in der Jekyll-Dokumentation.

Entfessle die volle Kraft von Jekyll

Es gibt viele Funktionen, die Jekyll-Websitebesitzer nutzen können, um ihre Websites bis ins kleinste Detail anzupassen. Wie bereits erwähnt, verwenden alle Standard-Site-Installationen ein Standardthema namens Minima. Es gibt viele Jekyll-Themen-Repositories von Drittanbietern das nutzen die vielen Anpassungsmöglichkeiten. Das Besondere am Jekyll-Vorlagensystem ist, dass es darauf basiert Edelsteine - Bibliotheken, die umfangreiche Funktionen enthalten können. Die Jekyll-Installationen verwenden ein Dienstprogramm namens Bundler das verfolgt die verschiedenen Abhängigkeiten. Eine alternative Funktion ist die Verwendung regulärer Vorlagen - sie verwenden die traditionellen Dateien, die im Jekyll-Site-Verzeichnis angezeigt werden.

Das Plugins-System ist eines der fortschrittlichsten, die in ähnlichen statischen Site-Generatoren und sogar in einigen der bekannten dynamischen Content-Management-Systeme zu finden sind. Die Plugins bieten erweiterte Funktionen, die in der Basisinstallation von Jekyll nicht enthalten sind. Mit benutzerdefinierten Haken und dem flexiblen Kern können viele andere Optionen hinzugefügt werden. Es gibt mehrere Hauptkategorien von Plugins, die kategorisiert werden können:

• Generatoren - Dies ist eine Funktion, mit der Jekyll zusätzliche Inhalte erstellen kann. Benutzerdefinierte Regeln können verwendet werden, um die Engine zur Implementierung der neuen Funktionalität zu leiten.
• Konverter - Mit diesen Plugins können Benutzer andere Auszeichnungssprachen und Themenoptionen verwenden, um das Layout zu implementieren.
• Befehle - Dadurch wird die Funktionalität der Haupt-Engine durch die Implementierung neuer Befehle erweitert.
• Stichworte- Dadurch werden benutzerdefinierte flüssigkeitsbasierte Tags erstellt.
• Filter - Plugins, die die Filterfunktionalität erweitern.
• Haken - Sie ermöglichen Erweiterungen während des Erstellungsprozesses.

Jekyll Site-Bereitstellungsoptionen

Es gibt verschiedene kompatible Optionen, mit denen die Websites auf die Server hochgeladen werden können. Es ist eine gute Praxis, eine zu erstellen gemfile für jeden Standort. Dadurch können die Plugins und Erweiterungen als Ganzes gepackt werden. Während des Erstellungsprozesses können auch mehrere Umgebungswerte festgelegt werden. Am Ende der Produktionsphase werden Parameter festgelegt, mit denen die Standortausgabe erstellt werden kann. Es gibt zwei Möglichkeiten, wie die Websites hochgeladen werden können:

• Einfaches Hochladen - Die Ordnerausgabe der Site kann mithilfe des Verwaltungsbereichs oder eines Dienstprogramms zum Hochladen von Dateien mithilfe von Drag & Drop-Optionen und / oder speziellen Befehlen hochgeladen werden.
• Versionskontrolle veröffentlichen - Site-Besitzer können auch Versionskontrollsysteme wie git oder svn verwenden, um Site-Revisionen beizubehalten. Dies ist eine erweiterte Funktion, mit der Änderungen gespeichert und mit den Servern auf eine Weise kommuniziert werden, die das Dokumentieren von Änderungen erheblich vereinfacht.