Configuration
Congo is a highly customisable theme and uses some of the latest Hugo features to simplify how it is configured.
The theme ships with a default configuration that gets you up and running with a basic blog or static website.
Configuration files bundled with the theme are provided in TOML format as this is the default Hugo syntax. Feel free to convert your config to YAML or JSON if you wish.
The default theme configuration is documented in each file so you can freely adjust the settings to meet your needs.
As outlined in the installation instructions, you should adjust your theme configuration by modifying the files in the
config/_default/ folder of your Hugo project and delete the config.toml file in your project root.
Site configuration #
Standard Hugo configuration variables are respected throughout the theme, however there are some specific things that should be configured for the best experience.
The site configuration is managed through the config/_default/config.toml file. The table below outlines all the settings that the Congo takes advantage of.
Note that the variable names provided in this table use dot notation to simplify the TOML data structure (ie. author.name refers to [author] name).
| Name | Type | Default | Description |
|---|---|---|---|
theme |
string | "congo" |
When using Hugo Modules this config value should be removed. For all other installation types, this must be set to congo for the theme to function. |
baseURL |
string | Not set | The URL to the root of the website. |
languageCode |
string | "en" |
The language of the website for site metadata purposes. It can be a top-level language (ie. en) or a sub-variant (ie. en-AU)." |
defaultContentLanguage |
string | "en" |
This value determines the language of theme components." |
title |
string | "Congo" |
The title of the website. This will be displayed in the site header and footer. |
copyright |
string | Not set | A Markdown string containing the copyright message to be displayed in the site footer. If none is provided, Congo will automatically generate a copyright string using the site title. |
enableEmoji |
boolean | true |
Whether emoji strings in content should be converted to emoji symbols. |
enableRobotsTXT |
boolean | true |
When enabled a robots.txt file will be created in the site root that allows search engines to crawl the entire site. Set to false if you wish to provide your own file. |
summaryLength |
integer | 0 |
The number of words that are used to generate the article summary when one is not provided in the front matter. A value of 0 will use the first sentence. This value has no effect when summaries are hidden. |
author.name |
string | Not set | The author’s name. This will be displayed in article footers, and on the homepage when the profile layout is used. |
author.image |
string | Not set | Path to the image file of the author. The image should be a 1:1 aspect ratio and placed in the site’s static/ folder. |
author.bio |
string | Not set | A Markdown string containing the author’s bio. It will be displayed in article footers. |
author.links |
array of objects | Not set | The links to display alongside the author’s details. The config file contains example links which can simply be uncommented to enable. The order that the links are displayed is determined by the order they appear in the array. Custom links can be added by providing corresponding SVG icon assets in assets/icons/. |
permalinks |
Not set | Refer to the Hugo docs for permalink configuration. | |
taxonomies |
Not set | Refer to the Organising content section for taxonomy configuration. |
Theme parameters #
Congo provides a large number of configuration parameters that control how the theme functions. The table below outlines every available parameter in the config/_default/params.toml file.
Many of the article defaults here can be overridden on a per article basis by specifying it in the front matter. Refer to the Front Matter section for further details.
| Name | Type | Default | Description |
|---|---|---|---|
colorScheme |
string | "congo" |
The theme colour scheme to use. Valid values are congo (default), avocado, ocean, fire and slate. Refer to the Colour Schemes section for more details. |
darkMode |
boolean or string | "auto" |
The preferred theme appearance for dark mode. Set to true to force dark appearance or false to force light appearance. Using "auto" will defer to the user’s operating system preference. |
darkToggle |
boolean | false |
When darkMode is set to "auto", this parameter determines whether or not to show the appearance toggle in the site footer. The browser’s local storage is used to persist the user’s preference. |
logo |
string | Not set | The relative path to the site logo file within the assets/ folder. The logo file should be provided at 2x resolution and supports any image dimensions. |
description |
string | Not set | The description of the website for metadata purposes. |
mainSections |
array of strings | Not set | The sections that should be displayed in the recent articles list. If not provided the section with the greatest number of articles is used. |
robots |
string | Not set | String that indicates how robots should handle your site. If set, it will be output in the page head. Refer to Google’s docs for valid values. |
homepage.layout |
string | "page" |
The layout of the homepage. Valid values are page, profile or custom. When set to custom, you must provide your own layout by creating a /layouts/partials/home/custom.html file. Refer to the Homepage Layout section for more details. |
homepage.showRecent |
boolean | false |
Whether or not to display the recent articles list on the homepage. |
article.showDate |
boolean | true |
Whether or not article dates are displayed. |
article.showDateUpdated |
boolean | false |
Whether or not the dates articles were updated are displayed. |
article.dateFormat |
string | "2 January 2006" |
How article dates are formatted. Refer to the Hugo docs for acceptable formats. |
article.showAuthor |
boolean | true |
Whether or not the author box is displayed in the article footer. |
article.showBreadcrumbs |
boolean | false |
Whether or not breadcrumbs are displayed in the article header. |
article.showDraftLabel |
boolean | true |
Whether or not the draft indicator is shown next to articles when site is built with --buildDrafts. |
article.showEdit |
boolean | false |
Whether or not the link to edit the article content should be displayed. |
article.editURL |
string | Not set | When article.showEdit is active, the URL for the edit link. |
article.editAppendPath |
boolean | true |
When article.showEdit is active, whether or not the path to the current article should be appended to the URL set at article.editURL. |
article.showHeadingAnchors |
boolean | true |
Whether or not heading anchor links are displayed alongside headings within articles. |
article.showPagination |
boolean | true |
Whether or not the next/previous article links are displayed in the article footer. |
article.showReadingTime |
boolean | true |
Whether or not article reading times are displayed. |
article.showWordCount |
boolean | false |
Whether or not article word counts are displayed. |
article.sharingLinks |
array of strings | Not set | Which sharing links to display at the end of each article. When not provided, or set to false no links will be displayed. |
list.showBreadcrumbs |
boolean | false |
Whether or not breadcrumbs are displayed in the header on list pages. |
list.showSummary |
boolean | false |
Whether or not article summaries are displayed on list pages. If a summary is not provided in the front matter, one will be auto generated using the summaryLength parameter in the site configuration. |
list.groupByYear |
boolean | true |
Whether or not articles are grouped by year on list pages. |
sitemap.excludedKinds |
array of strings | ["taxonomy", "term"] |
Kinds of content that should be excluded from the generated /sitemap.xml file. Refer to the Hugo docs for acceptable values. |
taxonomy.showTermCount |
boolean | true |
Whether or not the number of articles within a taxonomy term is displayed on the taxonomy listing. |
fathomAnalytics.site |
string | Not set | The site code generated by Fathom Analytics for the website. Refer to the Analytics docs for more details. |
fathomAnalytics.domain |
string | Not set | If using a custom domain with Fathom Analytics, provide it here to serve script.js from the custom domain. |
verification.google |
string | Not set | The site verification string provided by Google to be included in the site metadata. |
verification.bing |
string | Not set | The site verification string provided by Bing to be included in the site metadata. |
verification.pinterest |
string | Not set | The site verification string provided by Pinterest to be included in the site metadata. |
verification.yandex |
string | Not set | The site verification string provided by Yandex to be included in the site metadata. |