Ein einfaches Entwickler-Blog-Theme für Zola. Es verwendet kein JavaScript, rendert Links zwischen Navigation, Blogbeiträgen und Tags vor und fügt allgemeine Tags für SEO hinzu.
Hier können Sie es live verfolgen.
Um eine neue Zola-Site zu erstellen, laden Sie zunächst die CLI herunter und installieren Sie sie auf Ihrem System. Für dieses Theme ist Zola Version 0.14 oder höher erforderlich.
Installationsanweisungen finden Sie auf der Zola-Website.
Nachdem Sie die Zola-CLI installiert haben, führen Sie den folgenden Befehl aus, um eine neue Site zu erstellen:
zola init my_amazing_site
cd my_amazing_site
Nachdem Sie die Site erstellt haben, installieren Sie das Thema „Simple Dev Blog“ wie folgt:
git clone --depth=1
https://github.com/bennetthardwick/simple-dev-blog-zola-starter
themes/simple-dev-blog
Wählen Sie nun in Ihrer config.toml
Datei das Thema aus, indem theme = "simple-dev-blog"
festlegen.
Dieses Design verwendet die tags
-Taxonomie. Legen Sie in Ihrer config.toml
Datei taxonomies = [ { name = "tags" } ]
Kopieren Sie den Standardinhalt aus dem Theme, indem Sie cp themes/simple-dev-blog/content/* ./content -r
ausführen
Das ist es! Erstellen Sie nun Ihre Site, indem Sie den folgenden Befehl ausführen und zu 127.0.0.1:111
navigieren:
zola serve
Sie sollten jetzt einen schnellen, einfachen Entwickler-Blog eingerichtet haben, viel Spaß!
Schauen Sie sich config.toml
und theme.toml
in diesem Repo an, um eine Idee zu erhalten. Hier ist eine Liste aller Optionen:
Die folgenden Optionen sollten sich unter [extra]
in config.toml
befinden
accent_light
– ein hellerer Farbton der Akzentfarbe Ihrer Websiteaccent
– die Akzentfarbe Ihrer Websiteblog_path
– der Pfad zu Ihrem Blog (standardmäßig blog
)default_og_image
– der Pfad default og:image für Ihre Seitefooter_about
– der Inhalt für Ihre Fußzeile im Markdownicon
– der Pfad zum Symbol für Ihre Site im Inhaltsordnericon.png
hinzuzufügen, sollten Sie sie in content/icon.png
einfügennav
– siehe theme.toml
, die Navigationslinks für Ihre Websitenot_found_message
– der Inhalt für Ihre 404-Seite im Markdownprofile_large
– der Pfad zu einer größeren vertikalen Version Ihres Profilbilds im Inhaltsordnerprofile_small
– der Pfad zu einer kleinen Version Ihres Profilbilds im Inhaltsordner Die folgenden Optionen sollten sich im Abschnitt [extra]
jeder Seite befinden
thumbnail
– der Pfad zu Ihrem og:image für diese Seite