Einführung "Anemone", ein minimalistisches Zola -Thema, das sauberes CSS priorisiert und schweres JavaScript vermeidet. Genießen Sie ein nahtloses Benutzererlebnis mit blitzschnellen Ladezeiten. Lassen Sie Ihre Inhalte im Mittelpunkt eines übereinander-freien, eleganten Designs stehen, das die Lesbarkeit verbessert. Anemone reaktionsschnell und effizient und konzentriert sich auf Ihre Ideen.
Sie können die Demo -Website hier durchsuchen Ich benutze sie auch auf meiner eigenen Website.
Anemone ist ein vielseitiges Zola -Thema, das sowohl helle als auch dunkle Varianten enthält. Sie können leicht zwischen hellen und dunklen Themen wechseln, die Ihren Vorlieben entsprechen.
Um mit Anemone zu beginnen, befolgen Sie diese einfachen Schritte:
themes
herunter: cd themes
git clone https://github.com/Speyll/anemone
config.toml
: theme = " anemone "
Diese Veröffentlichung bringt mehrere Verbesserungen und Verbesserungen mit sich und konzentriert sich hauptsächlich auf die Optimierung der Leistung und der Benutzererfahrung. Hier ist eine Zusammenfassung der Schlüsseländerungen:
SUCSS -Integration: Das Kern -CSS nutzt jetzt das leichte Sucss -Framework von Ihnen, das wirklich besser war, und bietet bessere Wartbarkeit, Robustheit und Skalierbarkeit. Mit Sucss sollte das Thema ein gleichmäßiges Erscheinungsbild über verschiedene Browser aufrechterhalten.
Enhanced Theme Toggle: Das Dark and Light -Themenumschalter wurde für mehr Konsistenz überarbeitet. Jetzt respektiert die Website die systemweiten Themeneinstellungen des Benutzers und sorgt für eine nahtlose Erfahrung. Darüber hinaus behält der Umkippern das ausgewählte Thema für zukünftige Besuche bei und bietet eine verbesserte Benutzerfreundlichkeit.
Smooth -Übergang und Klangeffekt: Genießen Sie einen reibungsloseren Übergang zwischen dem dunklen und dem Lichtmodus, begleitet von einem subtilen Soundeffekt. Seien Sie versichert, der zusätzliche Soundeffekt verursacht nur einen minimalen Leistungsaufwand, wobei die Dateigröße nur 1 KB beträgt.
Klassennamen und Shortcodes Update: Einige Klassennamen und Shortcodes wurden für eine bessere Organisation und Klarheit geändert. Ich entschuldige mich für etwaige Unannehmlichkeiten, die dies verursachen kann.
Leichte Änderung der Farbauswahl: Einige dunkle Modusfarben wurden aus Gründen der Lesbarkeit unter Verwendung von Veqev geändert.
Anemone bietet verschiedene Optionen zum Anpassen Ihrer Website:
Um Tags zu verwenden, fügen Sie den folgenden Code zu den Metadaten einer Seite hinzu:
[ taxonomies ]
tags = [ " tag1 " , " tag2 " ]
Aktivieren Sie die Auflistung von Seiten in der Homepage, indem Sie den folgenden Code zu config.toml
hinzufügen:
[ extra ]
list_pages = true
Das Thema verfügt über eine integrierte Funktion, mit der Sie mehrere Sprachen verwenden können. Ausführliche Anweisungen zur Verwendung dieser Funktion finden Sie in der mehrsprachigen Dokumentation von ZOLA. Diese Dokumentation enthält zusätzliche Informationen, wie Sie diese mehrsprachige Fähigkeiten optimal nutzen können.
[ languages . fr ]
generate_feeds = true
build_search_index = true
Passen Sie die Header -Navigation -Links im extra
Abschnitt von config.toml
mit dem folgenden Code an:
[ extra ]
header_nav = [
{ url = " / " , name_en = " /home/ " , name_fr = " /accueil/ " },
{ url = " /about " , name_en = " /about/ " , name_fr = " /concernant/ " },
{ url = " /journal " , name_en = " /journal/ " , name_fr = " /journal/ " },
{ url = " /blog " , name_en = " /blog/ " , name_fr = " /blog/ " }
]
Stellen Sie in der Frontmatter einer Seite extra.toc
auf true
fest:
[ extra ]
toc = true
Passen Sie die Anzeige des Namens des Autors in Ihren Blog -Posts an, indem Sie die Variable display_author
entweder auf true
oder false
umschalten:
[ extra ]
display_author = true
Fügen Sie ein Webring mit einem Shortcode hinzu:
{{ webring(prev="#", webring="#", webringName="Random Webring", next="#") }}
author
sowohl in der Hauptkonfiguration als auch in den Seiten Metadaten ein.image
in Seiten, um HTML <meta>
-Tags ein Bild hinzuzufügen.favicon
in der Hauptkonfiguration ein und wird als Site -Symbol verwendet.footer_content_license
und footer_content_license_link
wenn Sie Inhaltslizenzinformationen im Fußzeilen anzeigen möchten. Twitter -Metatags werden standardmäßig generiert. Um sie zu deaktivieren, setzen Sie extra.twitter_card
auf false
in config.toml
:
[ extra ]
twitter_card = true
Das Anemone -Thema ist unter den Bedingungen der MIT -Lizenz als Open Source erhältlich.