Eine der Schwierigkeiten, die ich erlebt habe, als versuchen zu passieren von Worpress nach Jekyll fIch muss verstehen, wofür jede Komponente gedacht ist und wie sie miteinander interagiert haben. Ich fand die Lösung, als ich aufhörte, meinen Blog von Grund auf neu zu erstellen, und mit dem Reverse Engineering begann started ein Thema von jemand anderem entwickelt. Die Vorteile von Open Source.
Angenommen, Sie haben die in den vorherigen Artikeln beschriebenen Voraussetzungen installiert, lassen Sie uns zunächst unsere Site erstellen. Das Beispiel ist ein Gartenblog.
jekyll new blog_de_jardineria
Wenn Sie in den Ordner gehen, sehen Sie Folgendes:
- Ein Ordner namens _Beiträge.
- Zwei Dateien mit Markdown-Erweiterung
- Eine Internetseite.
- Eine Konfigurationsdatei mit der Erweiterung .yml, auf die wir im nächsten Artikel ausführlich eingehen werden.
- Eine Gemfile-Datei, die die Komponenten der Site und eine andere mit demselben Namen auflistet, jedoch mit der Erweiterung .lock, die unbeabsichtigte Änderungen verhindert.
Die Struktur des Projekts
Wie jede WordPress-basierte Website, Jekyll erstellt auch eine Ordnerstruktur, in der alle Dateien gespeichert werden, und dies aus den gleichen Gründen. Ermöglichen Sie dem Benutzer, Dateien geordnet zu gruppieren und bleiben Sie, wenn das Projekt wächst, überschaubar.
Den Basisordner erstellen wir mit dem Befehl jekyll new. Darin finden wir zwei Arten von Ordnern; diejenigen, die sich auf die Konfiguration des Blogs beziehen und mit einem Bindestrich vor dem Namen gekennzeichnet sind (in unserem Fall der Ordner _post und solche, die Ressourcen enthalten, die nicht in den Erstellungsprozess einbezogen werden. Zum Beispiel diejenigen, die Bilder enthalten.
Inhaltsbasierte Ordner
In dieser Gruppe se speichert Inhalte für Website-Besucher
_ Beitrag
Der Ordner _POST enthält alle Blogeinträge. Hier wird für jede darin gespeicherte Datei ein ganz bestimmtes Format verwendet. Der Dateiname muss im Format Datum-Dateiname - Jahr-Monat-Datum-voller_Dateiname.md - sein und dieses Veröffentlichungsdatum wird als das Datum angezeigt, an dem dieser Jekyll-Blog-Beitrag erstellt wurde. Wir müssen bedenken, dass der Ordner zwar heißt _ Beiträge, Hier ist der gesamte Inhalt, den Blog-Leser sehen werden, zum Beispiel das Kontaktformular oder die Biografien der Autoren. Später werden wir sehen, dass es möglich ist, den Seiten verschiedene Designs zuzuweisen.
_Entwürfe
Es ist das Äquivalent zum Speichern des WordPress-Entwurfs. Die empfohlene Verwendung ist für Beiträge, die nicht zur Veröffentlichung bereit sind, obwohl sie zum Speichern von Ideenlisten, Designs zur späteren Verwendung usw. verwendet werden können.
_inklusive
In diesem Bereich können wir HTML-Code speichern, der mehrmals wiederverwendet werden kann. In unserem Fall zum Beispiel ein Banner, das je nach Hemisphäre, in der sich der Nutzer befindet, den Beginn einer Saison begrüßt.
_Layouts
Wie wir oben sagten, unterschiedliche Inhalte benötigen möglicherweise unterschiedliche Layouts. Um beispielsweise ein Video zu zeigen, möchten wir möglicherweise, dass die Seite eine einzelne Spalte ist. Wenn es sich um einen Gastautor handelt, benötigen wir eine Spalte, in der die Biografie und die Kontaktinformationen angezeigt werden. Die verschiedenen Designs, die die Site verwenden wird, werden in diesem Ordner gespeichert.
Informationsmappen
Diese beiden Ordner werden von der Website für ihren Betrieb verwendet.
_Daten
In einem Ein-Mann-Blog kann die Konfigurationsdatei alle notwendigen Daten speichern. Wenn wir jedoch einen Blog mit vielen Autoren haben, ist eine andere Art der Verwaltung der Informationen erforderlich. Der Ordner _Daten Es wird verwendet, um Daten in JSON- oder CSV-Formaten zu speichern, die die Site entsprechend der Interaktion mit Benutzern abrufen kann.
_wenn du
Der Ordner _wenn du Die Site vervollständigt sie mit allen Informationen, die in den vorherigen Ordnern verfügbar sind. Hier finden wir die Site, die wir auf den Server hochladen, damit die Benutzer darauf zugreifen können. Da es sich um HTML- und CSS-Code handelt, ist es natürlich möglich, Änderungen daran wie an jeder anderen Website vorzunehmen.
Im nächsten Artikel werden wir mit der Änderung der Konfigurationsdatei beginnen.