Introducing "anemone," a minimalist Zola theme that prioritizes clean CSS and avoids heavy JavaScript. Enjoy a seamless user experience with lightning-fast load times. Let your content take center stage in a clutter-free, elegant design that enhances readability. Responsive and efficient, anemone brings focus to your ideas.
You can browse the demo website here I also use it on my own website.
Anemone is a versatile Zola theme that comes with both light and dark variants. You can easily switch between the light and dark themes to suit your preferences.
To get started with Anemone, follow these simple steps:
- Download the theme to your
themes
directory:
cd themes
git clone https://github.com/Speyll/anemone
- Enable Anemone in your
config.toml
:
theme = "anemone"
Anemone provides various options to customize your website:
To use tags, add the following code to a page's metadata:
[taxonomies]
tags = ["tag1", "tag2"]
Enable listing of pages in the homepage by adding the following code to config.toml
:
[extra]
list_pages = true
The theme has a built-in feature that allows you to use multiple languages. For detailed instructions on how to use this feature, you can refer to the Zola Multilingual documentation. This documentation provides additional information on how to make the most out of this multilingual capability.
[languages.en]
weight = 1
title = "anemone"
languageName = "English"
languageCode = "en"
relativeURL = false
[languages.fr]
weight = 2
title = "anemone"
languageName = "Français"
languageCode = "fr"
relativeURL = false
taxonomies = [
{name = "tags", feed = true},
]
Customize the header navigation links with the following code in the extra
section of config.toml
:
[extra]
[[extra.header_nav]]
en = { name = "/home/", url = "/" }
fr = { name = "/accueil/", url = "/fr" }
[[extra.header_nav]]
en = { name = "/about/", url = "/about" }
fr = { name = "/concernant/", url = "/about" }
[[extra.header_nav]]
en = { name = "/journal/", url = "/journal" }
fr = { name = "/journal/", url = "/journal" }
[[extra.header_nav]]
en = { name = "/blog/", url = "/blog" }
fr = { name = "/blog/", url = "/blog" }
Add a webring with a shortcode:
{{ webring(prev="#", webring="#", webringName="Random Webring", next="#") }}
In a page's frontmatter, set extra.toc
to true
:
[extra]
toc = true
- Set the
author
in both the main config and in pages' metadata. - Use the
image
variable in pages to add an image to HTML<meta>
tags. - Similarly, set
favicon
in the main config, and it will be used as the site icon.
Twitter metatags are generated by default. To disable them, set extra.twitter_card
to false
in config.toml
:
[extra]
twitter_card = true
The Anemone theme is available as open source under the terms of the MIT License.