jbake future imperfect template

JBake Future Imperfect-Vorlage

Kompatibel mit JBake 2.6.5

Future Imperfect basiert auf dem Theme von HTML5 UP. Julio Pescador hat es für SSG-Websites portiert. Hier wurde es für JBake angepasst.

Ein Live-Beispiel finden Sie hier.

Erste Schritte

Stellen Sie zunächst sicher, dass Sie JBake gemäß den Anweisungen hier installieren.

Sobald Sie JBake haben und vorausgesetzt, Sie erstellen eine Site namens „ awesome-jbake “, führen Sie im Terminal/Befehlsfenster die folgenden Befehle aus:

 >> mkdir awesome-jbake

>> git clone https://github.com/manikmagar/jbake-future-imperfect-template.git awesome-jbake

>> cd awesome-jbake && ls -ltr

Dort sollten Sie diese Repo-Dateien sehen. Sehen Sie sich die JBake 2.5.1-Dokumentation an, um diese Struktur zu verstehen.

Um es in Aktion zu sehen, führen Sie im Ordner awesome-jbake jbake -b -s aus. In wenigen Sekunden sollte Ihre Website unter http://localhost:8820/ online sein. Sie können sie im Browser besuchen.

Konfigurieren von jbake.properties

Alles in der Vorlage wird durch Konfigurationsparameter in der Datei jbake.properties gesteuert. Der minimal erforderliche Eigenschaftensatz ist bereits enthalten. Behalten Sie daher alle Eigenschaften in der Datei und ändern Sie die Werte nach Bedarf.

JBake unterstützt mehr als diese Eigenschaften und Sie können auf die JBake-Dokumentation verweisen.

Einige Template-Funktionen werden im Folgenden beschrieben.

Disqus-Kommentare

Die Vorlage unterstützt das Hinzufügen von Disqus-Kommentaren zu Beiträgen. Um es zu aktivieren, fügen Sie einfach Ihren Disqus-Kurznamen in jbake.properties hinzu –

site.disqus.shortname={yourdisqus}

Google Analytics

Mit der Vorlage können Sie Seitenaufrufe erfassen. Um es zu aktivieren, fügen Sie einfach Ihre GA-Tracking-ID in jbake.properties hinzu –

site.google.trackingid={ga.trackingid}

Geschätzte Lesezeit

Sie können die geschätzte Lesezeit für Ihre Beiträge aktivieren, indem Sie in jbake.properties site.includeReadTiem=true festlegen. Diese Lesezeit wird mithilfe dieser Lesezeit-Javascript-Bibliothek berechnet.

Hauptmenü der Website

Das obere Hauptmenü der Site kann über jbake.properties gesteuert werden.

 site.menus.main = home, archive, about, rss
# To add menus, for every menuitem in site.menus.main, add three properties in below pattern
# site.menus.{menuitem}.home.label=Home
# site.menus.{menuitem}.home.url=/
# site.menus.{menuitem}.home.icon=fa fa-home

site.menus.main.home.label =Home
site.menus.main.home.url =/
site.menus.main.home.icon =fa fa-home

Sie MÜSSEN Beschriftungs-, URL- und Symboleigenschaften für jeden Menüpunkt in site.menus.main definieren.

Soziale Links

Sie können Ihre sozialen Links steuern, indem Sie Ihre Social-Handler für sidebar.social.*-Eigenschaften hinzufügen.

Die hinzugefügte 404-Seite wurde für GitHub nicht gefunden

Wenn Sie Ihre statische Site auf Github hosten, ermöglicht Github das Festlegen einer 404-Fehlerseite. Der Inhaltsordner enthält eine Datei namens 404.html, die vom Typ „Seite“ ist (dh sie wird von der Seitenvorlage gerendert). Sie können den Inhalt dieser Datei bei Bedarf ändern, aber die standardmäßig enthaltene Datei sieht auch gut aus :). Diese Datei muss sich im Stammverzeichnis des Inhaltsordners befinden , damit sie im Stammverzeichnis Ihrer Github-Seiten gerendert wird. Im Übrigen sorgt Github dafür, dass diese Datei angezeigt wird, wenn der Benutzer versucht, auf eine nicht vorhandene URL zuzugreifen.

Veröffentlichen Sie ausgewählte Bilder

Im Metadaten-Header des Beitrags können Sie die folgenden zwei Eigenschaften definieren, um ein hervorgehobenes Bild für den Beitrag zu erhalten:

 featuredimage =img/{path to image}
featuredalt =alternate text for image

Feeds

JSON-Feed

Diese Vorlage generiert standardmäßig einen JSON-Feed. Im Folgenden finden Sie die diesbezügliche Konfiguration:

 site.menus.main.rss.label =Subscribe
# # change below url to feed.xml for tradional RSS Feed
site.menus.main.rss.url =feed.json
site.menus.main.rss.icon =fa fa-rss

# # Commnet below two properties to generate, tradional XML RSS feed.
feed.file =feed.json
template.feed.file =feed-json.ftl

RSS-XML-Feed

Es ist möglich, einen herkömmlichen XML-RSS-Feed zu verwenden. Nehmen Sie die Änderungen in jbake.properties vor, wie in den Kommentaren oben vorgeschlagen. Backen Sie Ihre Website erneut.

Über mich

Melden Sie sich gerne auf Twitter unter @manikmagar und @javabake

Lizenz

Dieses Thema wird unter der MIT-Lizenz veröffentlicht. Weitere Informationen finden Sie in der Lizenz.