My own theme for zola.
Find a file
HeilAsuka be92775fce
Add author to blog-page
Add default_mode to choose light mode or dark mode
2023-09-29 11:22:02 +08:00
content changed tags slightly 2023-08-28 15:20:15 +01:00
static fixed pre code wrapping 2023-09-27 18:29:16 +01:00
templates Add author to blog-page 2023-09-29 11:22:02 +08:00
config.toml added multilanguage support 2023-08-08 03:35:07 +01:00
LICENSE fixed 2023-08-08 03:43:04 +01:00
README.md Update README.md 2023-09-28 19:57:31 +01:00
screenshot.png added sticky footer, new SVG icons, and some minor fixes to the layout 2023-09-09 18:20:39 +01:00
theme.toml updated README, some css, and rewritten some articles 2023-07-29 04:37:37 +01:00

anemone

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.

Anemone Light and Dark Theme

Installation

To get started with Anemone, follow these simple steps:

  1. Download the theme to your themes directory:
cd themes
git clone https://github.com/Speyll/anemone
  1. Enable Anemone in your config.toml:
theme = "anemone"

Options

Anemone provides various options to customize your website:

Default Taxonomies

To use tags, add the following code to a page's metadata:

[taxonomies]
tags = ["tag1", "tag2"]

Pages List in Homepage

Enable listing of pages in the homepage by adding the following code to config.toml:

[extra]
list_pages = true

Multilanguage

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},
]

Multilanguage-Ready Navigation Bar

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" }

Webrings

Add a webring with a shortcode:

{{ webring(prev="#", webring="#", webringName="Random Webring", next="#") }}

Add Table of Contents (TOC) to Pages

In a page's frontmatter, set extra.toc to true:

[extra]
toc = true

Extra Data

  • 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.

Disable Twitter Card

Twitter metatags are generated by default. To disable them, set extra.twitter_card to false in config.toml:

[extra]
twitter_card = true

License

The Anemone theme is available as open source under the terms of the MIT License.