Customization

Colours

Set Content Font Color

You can set the font color of the main content both globally and on individual pages:

Globally: Set the text_color param in the config.toml file.

[params]
text_color = "green"

Individual Page (prioritized over global): Set the text_color param in a page’s markdown file front matter.

note: The value of text_color must be a valid tachyons color class. A list can be found here.

read more
Customization

Comments

Ananke currently supports two commenting systems: Disqus and Commento.

Disqus

Using Disqus as a comment system for your website is an internal feature of Hugo. For more information see the official Hugo documentation.

[services.disqus]
shortname = 'YOURSHORTNAME'

Note that the setup for Disqus is NOT done inside of the params section, but with in the services section of your config file. To turn off Disqus, remove, or comment out the preceding lines.

Commento.io

[params]
commentoEnable = true
# if you use a selfhosted version of commento, uncomment the next line and set your path
# commentoPath = "https://commento.io/YOURPATH"

By default it uses the public Commento instance at https://commento.io. If you are using a self-hosted version of Commento, uncomment the commentoPath line and set it to your Commento instance URL.

read more
Customization

Hero Section

Change the hero background

For any page or post you can add a featured image by including the local path in front matter (see content in the exampleSite/content/en/_readme file for examples): featured_image = '/images/gohugo-default-sample-hero-image.jpg'

Featured image as Page Resources

If user is using Page Resources, the theme will try and match the featured_image from with a page resource of type image and use its relative permalink. If no featured_image is set, the theme will look for a Page Resource of type image whose filepath includes either cover or feature

read more
Customization

Styles

Update font or body classes

The theme is set, by default, to use a near-white background color and the “Avenir” or serif typeface. You can change these in your config file with the body_classes parameter, like this:

[params]
  body_classes = "avenir bg-near-white"

which will give you a body class like this:

<body class="avenir bg-near-white">

note: The body_classes parameter will not change the font used in post content. To do this, you must use the post_content_classes parameter.

read more