You can easily enable the dark mode from the config.toml all you have to do is to set the parameter displayMode to dark. If you don’t specify any displayMode, then the light version will be loaded.
Please also note that returning visitors will see the theme that was last displayed to them on your site. If your user has his system configured to dark mode, then this will also take precedence over the displayMode set in the config.toml.
displayMode = "dark"
Disable Theme Switcher
You can easily disable the theme switcher from the config.toml. All you have to do is to set the parameter disableThemeSwitcher to true.
disableThemeSwitcher = true# Theme switcher is enabled by default
You can easily disable the animations from the config.toml. All you have to do is to set the parameter doNotLoadAnimations to true.
doNotLoadAnimations = true# Animations are loaded by default
Control the date Format
You can change the default date formating for the list.html, the single.html and the index.html. Simply configure the matching parameters.
singleDateFormat = "Mon, Jan 2, 2006"indexDateFormat = "Mon, Jan 2, 2006"listDateFormat = "Jan 2"
You can enable read-more links for truncated posts by setting the readMore = true. The length of the preview is controlled by Hugo’s summarylength. Read-more links are disabled by default.
readMore = true
Have a static page as a home page
If you prefer having a static page as your home page rather than a listing of the latest posts, then make sure you leave the mainSections parameter blank:
mainSections = 
Put any content into the _index.md file located in the content directory. If you want, you can also have some static text and the posts below. In such case, simply keep the mainSections = ["post"] and put any static content in the _index.md.
Rename post section
If you want to have a different post section identifier, such as /blog, you can specify the section name using postSectionName:
postSectionName = "blog"
If the parameter is not set, it will default to post. Be sure to check the name of the folder containing your post files and change it accordingly in order for links to reflect the new post section name.
Show full post content on the home page
If you prefer the full content of your posts to appear on the home page rather than a summary of each post, then set the parameter fullPostContent to true.
fullPostContent = true
Anatole supports multilingual page setups. All you need to do is to add the languages to your ‘config.toml’. For each language you can set the custom options like title or description. It’s important to include a LanguageName, as it will be displayed in the main menu.
title = "My blog"weight = 1LanguageName = "EN"
title = "Mein blog"description = "Ich bin Jane"weight = 2LanguageName = "DE"
There are two ways of translating your content either by adding a suffix in the filename eg. mypost.de.md or by setting a contentDir (a certain directory) for each language. Link to the Hugo documentation. If you want to use the option with the contentDir, you will have to add the contentDir parameter for each language:
Anatole currently ships with support for some basic languages. Contributions for other language translations are welcome.
Anatole support RTL langauges and flip the whole theme for that. To enable the RTL mode for specific langauge it’s enough to write the following code in the language params.
LanguageDirection = "rtl"
:100: Google Lighthouse score
The theme is optimized to adhere to the requirements checked for in the Lighthouse Audit. On my personal site I was able to reach a perfect 100⁄100 score.
Comments powered by Disqus
No comment section is shown on the single.html, unless a Disqus code is specified in the config.toml file.
disqusShortname = "XXX"
Comments powered by Utteranc.es
No comment section is shown on the single.html unless a repo is specified in the config.toml file. If uncertain how parameter to configure, check out the official [documentation}(https://utteranc.es/).
Replace the hash with the one Google provided you.
Beautiful math functions
## Math settings
enable = false# options: true, false. Enable math support globally, default: false. You can always enable math on per page.use = "katex"# options: "katex", "mathjax". default is "katex".
Formspree Contact Form on the Contact page
Step 1: Configure the contactFormAction in the config.toml
hello.js and world.js will be bundled into a custom.min.js.
If you want to configure the security headers for a site running on Netlify, you want to make sure you create a special _headers file in your sites static folder. The content might look like the following:
You can configure the pages shown on the front page by altering the mainSections parameter:
mainSections = ["post", "docs"]
If you want Hugo to generate a robots.txt, you will have to set the enableRobotsTXT in the config.toml to true. By default a robots.txt, which allows search engine crawlers to access to any page, will be generated. It will look like this:
If certain sites should be excluded from being accessed, you might want to setup a custom robots.txt file within your static folder of your site.
This theme has support for either Hugo’s lightning-fast Chroma code highlighting. See the Hugo docs for more information.
To enable Chroma, add the following to your site parameters:
This theme is maintained by its author Alexander Bilz and with the help from these awesome contributors. Please open an issue/pull request if you want to contribute to making this theme better and more feature-complete. For PRs please make sure that they align with theme’s goals: minimalism, speed and elegance.
If you like this theme, give it a star on GitHub, and consider supporting its development:
Special Thanks 🎁
Go to Cai Cai, for the great Anatole Farbox theme that formed the foundation for this theme.
Go to Kareya Saleh for providing the profile picture in the exampleSite.
Go to Ales Krivec for providing the thumbnail picture in the exampleSite post.