Перейти к основному содержимому
  1. Документация/

Configuration

17 минут· loading · loading · · ·
config docs
Оглавление
Documentation - This article is part of a series.
Part 4: This Article

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

We just launched a CLI tool to help you get started with Blowfish. It will help you with installation and configuration. Install the CLI tool globally using:

npx blowfish-tools

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 Blowfish takes advantage of.

Note that the variable names provided in this table use dot notation to simplify the TOML data structure (ie. outputs.home refers to [outputs] home).

NameDefaultDescription
theme"blowfish"When using Hugo Modules this config value should be removed. For all other installation types, this must be set to blowfish for the theme to function.
baseURLNot setThe URL to the root of the website.
defaultContentLanguage"en"This value determines the default language of theme components and content. Refer to the language and i18n section below for supported language codes.
enableRobotsTXTtrueWhen enabled, a robots.txt file will be created in the site root that allows search engines to crawl the entire site. If you prefer to provide your own pre-made robots.txt, set to false and place your file in the static directory. For complete control, you may provide a custom layout to generate this file.
paginate10The number of articles listed on each page of the article listing.
summaryLength0The 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.
outputs.home["HTML", "RSS", "JSON"]The output formats that are generated for the site. Blowfish requires HTML, RSS and JSON for all theme components to work correctly.
permalinksNot setRefer to the Hugo docs for permalink configuration.
taxonomiesNot setRefer to the Organising content section for taxonomy configuration.

Thumbnails
#

Blowfish was built so it would be easy to add visual support to your articles. If your familiar with Hugo article structure, you just need to place an image file (almost all formats are supported but we recommend .png or .jpg) that starts with feature* inside your article folder. And that’s it, Blowfish will then able to both use the image as a thumbnail within your website as well as for oEmbed cards across social platforms.

Here is also a guide with more info and a sample if you want to see how you can do it.

Language and i18n
#

Blowfish is optimised for full multilingual websites and theme assets are translated into several languages out of the box. The language configuration allows you to generate multiple versions of your content to provide a customised experience to your visitors in their native language.

The theme currently supports the following languages by default:

LanguageCode
🇦🇪 Arabicar
🇧🇬 Bulgarianbg
🇧🇩 Bengalibn
🇨🇿 Czechcs
🇩🇪 Germande
🇬🇧 Englishen
🇪🇸 Spanish (Spain)es
🇫🇮 Finnishfi
🇫🇷 Frenchfr
🇮🇱 Hebrewhe
🇭🇷 Croatianhr
🇭🇺 Hungarianhu
🇮🇩 Indonesianid
🇮🇹 Italianit
🇯🇵 Japaneseja
🇰🇷 Koreanko
🇵🇱 Polishpl
🇧🇷 Portuguese (Brazil)pt-br
🇵🇹 Portuguese (Portugal)pt-pt
🇷🇴 Romanianro
🇷🇺 Russianru
🇹🇷 Turkishtr
🇻🇳 Vietnamesevi
🇨🇳 Simplified Chinese (China)zh-cn
🇹🇼 Traditional Chinese (Taiwan)zh-tw

The default translations can be overridden by creating a custom file in i18n/[code].yaml that contains the translation strings. You can also use this method to add new languages. If you’d like to share a new translation with the community, please open a pull request.

Configuration
#

In order to be as flexible as possible, a language configuration file needs to be created for each language on the website. By default Blowfish includes an English language configuration at config/_default/languages.en.toml.

The default file can be used as a template to create additional languages, or renamed if you wish to author your website in a language other than English. Simply name the file using the format languages.[language-code].toml.

Note: Ensure the defaultContentLanguage parameter in the site configuration matches the language code in your language config filename.

Global
#

NameDefaultDescription
languageCode"en"The Hugo language code for this file. It can be a top-level language (ie. en) or a sub-variant (ie. en-au) and should match the language code in the filename. Hugo expects this value to always be in lowercase. For proper HTML compliance, set the isoCode parameter which is case-sensitive.
languageName"English"The name of the language.
weight1The weight determines the order of languages when building multilingual sites.
title"Blowfish"The title of the website. This will be displayed in the site header and footer.

Params
#

NameDefaultDescription
params.displayName"EN"The name used when the language appears on the website.
params.isoCode"en"The ISO language code for HTML metadata purposes. It can be a top-level language (ie. en) or a sub-variant (ie. en-AU).
params.rtlfalseWhether or not this is a RTL language. Set to true to reflow content from right-to-left. Blowfish fully supports using RTL and LTR languages at the same time and will dynamically adjust to both.
params.dateFormat"2 January 2006"How dates are formatted in this language. Refer to the Hugo docs for acceptable formats.
params.logoNot setThe 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.
params.secondaryLogoNot setThe relative path to the secondary site logo file within the assets/ folder. The logo file should be provided at 2x resolution and supports any image dimensions. This should have an inverted/contrasting colour scheme to logo. If set, this logo will be shown when users toggle from the defaultAppearance mode.
params.descriptionNot setThe website description. This will be used in the site metadata.
params.copyrightNot setA Markdown string for the site footer copyright message can include the placeholder { year } to dynamically insert the current year. If none is provided, Blowfish will automatically generate a copyright string using the site title.

Author
#

NameDefaultDescription
author.nameNot setThe author’s name. This will be displayed in article footers, and on the homepage when the profile layout is used.
author.imageNot setPath to the image file of the author. The image should be a 1:1 aspect ratio and placed in the site’s assets/ folder.
author.headlineNot setA Markdown string containing the author’s headline. It will be displayed on the profile homepage under the author’s name.
author.bioNot setA Markdown string containing the author’s bio. It will be displayed in article footers.
author.linksNot setThe 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/.

Menus#

Blowfish also supports language-specific menu configurations. Menu config files follow the same naming format as the languages file. Simply provide the language code in the file name to tell Hugo which language the file relates to.

Menu config files are named with the format menus.[language-code].toml. Always ensure that the language code used in the menus configuration matches the languages configuration.

The Getting Started section explains more about the structure of this file. You can also refer to the Hugo menu docs for more configuration examples.

Theme parameters
#

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

Global
#

NameDefaultDescription
colorScheme"blowfish"The theme colour scheme to use. Valid values are blowfish (default), avocado, ocean, fire and slate. Refer to the Colour Schemes section for more details.
defaultAppearance"light"The default theme appearance, either light or dark.
autoSwitchAppearancetrueWhether the theme appearance automatically switches based upon the visitor’s operating system preference. Set to false to force the site to always use the defaultAppearance.
enableSearchfalseWhether site search is enabled. Set to true to enable search functionality. Note that the search feature depends on the outputs.home setting in the site configuration being set correctly.
enableCodeCopyfalseWhether copy-to-clipboard buttons are enabled for <code> blocks. The highlight.noClasses parameter must be set to false for code copy to function correctly. Read more about other configuration files below.
mainSectionsNot setThe sections that should be displayed in the recent articles list. If not provided the section with the greatest number of articles is used.
showViewsNot setWhether or not articles and list views are displayed. This requires firebase integrations to be enabled, look below.
showLikesNot setWhether or not articles and list likes are displayed. This requires firebase integrations to be enabled, look below.
robotsNot setString 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.
disableImageZoomfalseDisables image zoom feature across all the images in the site.
disableImageOptimizationfalseDisables image resize and optimization features across all the images in the site.
disableTextInHeaderfalseDisables text in header, useful for logo based headers.
defaultBackgroundImageNot setDefault background image for both background homepage layout and background hero style
defaultFeaturedImageNot setDefault background image for all featured images across articles, will be overridden by a local featured image.
highlightCurrentMenuAreaNot setMarks menu entries in the main menu when selected
smartTOCNot setActivate smart Table of Contents, items in view will be highlighted.
smartTOCHideUnfocusedChildrenNot setWhen smart Table of Contents is turned on, this will hide deeper levels of the table when they are not in focus.

Header#

NameDefaultDescription
header.layout"basic"Defines the header for the entire site, supported values are basic, fixed, fixed-fill, and fixed-fill-blur.

Footer#

NameDefaultDescription
footer.showMenutrueShow/hide the footer menu, which can be configured in the [[footer]] section of the config/_default/menus.en.toml file.
footer.showCopyrighttrueWhether or not to show the copyright string in the site footer. Note that the string itself can be customised using the copyright parameter in the languages configuration.
footer.showThemeAttributiontrueWhether or not to show the “powered by” theme attribution in the site footer. If you choose to disable this message, please consider attributing the theme somewhere else on your site (for example, on your about page).
footer.showAppearanceSwitcherfalseWhether or not to show the appearance switcher in the site footer. The browser’s local storage is used to persist the visitor’s preference.
footer.showScrollToToptrueWhen set to true the scroll to top arrow is displayed.

Homepage
#

NameDefaultDescription
homepage.layout"profile"The layout of the homepage. Valid values are page, profile, hero, card, background, 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.homepageImageNot setImage to be used in hero and card layouts. Refer to the Homepage Layout section for more details.
homepage.showRecentfalseWhether or not to display the recent articles list on the homepage.
homepage.showRecentItems5How many articles to display if showRecent is true. If variable is set to 0 or if it isn’t defined the system will default to 5 articles.
homepage.showMoreLinkfalseWhether or not to display a show more link at the end of your posts that takes the user to a predefined place.
homepage.showMoreLinkDest/postsThe destination of the show more button.
homepage.cardViewfalseDisplay recent articles as a gallery of cards.
homepage.cardViewScreenWidthfalseEnhance the width of the recent articles card gallery to take the full width available.
homepage.layoutBackgroundBlurfalseMakes the background image in the homepage layout blur with the scroll

Article
#

NameDefaultDescription
article.showDatetrueWhether or not article dates are displayed.
article.showViewsfalseWhether or not article views are displayed. This requires firebase integrations to be enabled, look below.
article.showLikesfalseWhether or not article likes are displayed. This requires firebase integrations to be enabled, look below.
article.showDateOnlyInArticlefalseShow date within article even if not displayed in article listings/cards.
article.showDateUpdatedfalseWhether or not the dates articles were updated are displayed.
article.showAuthortrueWhether or not the author box is displayed in the article footer.
article.showHerofalseWhether the thumbnail image will be shown as a hero image within each article page.
article.heroStyleNot setStyle to display the hero image, valid options are: basic, big, background, thumbAndBackground.
article.layoutBackgroundBlurtrueMakes the background image in the background article heroStyle blur with the scroll
article.layoutBackgroundHeaderSpacetrueAdd space between the header and the body.
article.showBreadcrumbsfalseWhether or not breadcrumbs are displayed in the article header.
article.showDraftLabeltrueWhether or not the draft indicator is shown next to articles when site is built with --buildDrafts.
article.showEditfalseWhether or not the link to edit the article content should be displayed.
article.editURLNot setWhen article.showEdit is active, the URL for the edit link.
article.editAppendPathtrueWhen article.showEdit is active, whether or not the path to the current article should be appended to the URL set at article.editURL.
article.seriesOpenedfalseWhether or not the series module will be displayed open by default or not.
article.showHeadingAnchorstrueWhether or not heading anchor links are displayed alongside headings within articles.
article.showPaginationtrueWhether or not the next/previous article links are displayed in the article footer.
article.invertPaginationfalseWhether or not to flip the direction of the next/previous article links.
article.showReadingTimetrueWhether or not article reading times are displayed.
article.showTableOfContentsfalseWhether or not the table of contents is displayed on articles.
article.showRelatedContentfalseDisplay related content for each post. Might required additional configuration to your config.toml. Please check the theme config.toml if you want to enable this feature and copy all the relevant related entries. Also check Hugo’s docs on related content.
article.relatedContentLimit3Limit of related articles to display if showRelatedContent is turned on.
article.showTaxonomiesfalseWhether or not the taxonomies related to this article are displayed.
article.showAuthorsBadgesfalseWhether the authors taxonomies are are displayed in the article or list header. This requires the setup of multiple authors and the authors taxonomy. Check this page for more details on how to configure that feature.
article.showWordCountfalseWhether or not article word counts are displayed.
article.showCommentsfalseWhether or not the comments partial is included after the article footer.
article.sharingLinksNot setWhich sharing links to display at the end of each article. When not provided, or set to false no links will be displayed. Available values are: “linkedin”, “twitter”, “reddit”, “pinterest”, “facebook”, “email”, “whatsapp”, and “telegram”
article.showZenModefalseFlag to activate Zen Mode reading feature for articles.

List
#

NameDefaultDescription
list.showHerofalseWhether the thumbnail image will be shown as a hero image within each list page.
list.heroStyleNot setStyle to display the hero image, valid options are: basic, big, background, thumbAndBackground.
list.showBreadcrumbsfalseWhether or not breadcrumbs are displayed in the header on list pages.
list.layoutBackgroundBlurtrueMakes the background image in the background list heroStyle blur with the scroll
list.layoutBackgroundHeaderSpacetrueAdd space between the header and the body.
list.showTableOfContentsfalseWhether or not the table of contents is displayed on list pages.
list.showSummaryfalseWhether 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.showViewsfalseWhether or not list views are displayed. This requires firebase integrations to be enabled, look below.
list.showLikesfalseWhether or not list likes are displayed. This requires firebase integrations to be enabled, look below.
list.showCardsfalseWhether or not each article is displayed as a card or as simple inline text.
list.groupByYeartrueWhether or not articles are grouped by year on list pages.
list.cardViewfalseDisplay lists as a gallery of cards.
list.cardViewScreenWidthfalseEnhance the width of card galleries in lists to take the full width available.
list.constrainItemsWidthfalseLimit item width to prose to increase readability. Useful when no feature images are available.
list.showTableOfContentsfalseWhether or not the table of contents is displayed on articles.

Sitemap
#

NameDefaultDescription
sitemap.excludedKinds["taxonomy", "term"]Kinds of content that should be excluded from the generated /sitemap.xml file. Refer to the Hugo docs for acceptable values.

Taxonomy
#

NameDefaultDescription
taxonomy.showTermCounttrueWhether or not the number of articles within a taxonomy term is displayed on the taxonomy listing.
taxonomy.showHerofalseWhether the thumbnail image will be shown as a hero image within each taxonomy page.
taxonomy.heroStyleNot setStyle to display the hero image, valid options are: basic, big, background, thumbAndBackground.
taxonomy.showBreadcrumbsfalseWhether or not breadcrumbs are displayed in the taxonomy header.
taxonomy.showViewsfalseWhether or not article views are displayed. This requires firebase integrations to be enabled, look below.
taxonomy.showLikesfalseWhether or not article likes are displayed. This requires firebase integrations to be enabled, look below.
taxonomy.showTableOfContentsfalseWhether or not the table of contents is displayed on taxonomies.
taxonomy.cardViewfalseDisplay lists as a gallery of cards.

Term
#

NameDefaultDescription
term.showHerofalseWhether the thumbnail image will be shown as a hero image within each term page.
term.heroStyleNot setStyle to display the hero image, valid options are: basic, big, background, thumbAndBackground.
term.showBreadcrumbsfalseWhether or not breadcrumbs are displayed in the term header.
term.showViewsfalseWhether or not article views are displayed. This requires firebase integrations to be enabled, look below.
term.showLikesfalseWhether or not article likes are displayed. This requires firebase integrations to be enabled, look below.
term.showTableOfContentsfalseWhether or not the table of contents is displayed on terms.
term.groupByYearfalseWhether or not articles are grouped by year on term pages.
term.cardViewfalseDisplay lists as a gallery of cards.
term.cardViewScreenWidthfalseEnhance the width of card galleries in lists to take the full width available.

Firebase
#

NameDefaultDescription
firebase.apiKeyNot setFirebase apiKey, required to integrate against Firebase. Check this page for a guide on how to integrate Firebase into Blowfish.
firebase.authDomainNot setFirebase authDomain, required to integrate against Firebase. Check this page for a guide on how to integrate Firebase into Blowfish.
firebase.projectIdNot setFirebase projectId, required to integrate against Firebase. Check this page for a guide on how to integrate Firebase into Blowfish.
firebase.storageBucketNot setFirebase storageBucket, required to integrate against Firebase. Check this page for a guide on how to integrate Firebase into Blowfish.
firebase.messagingSenderIdNot setFirebase messagingSenderId, required to integrate against Firebase. Check this page for a guide on how to integrate Firebase into Blowfish.
firebase.appIdNot setFirebase appId, required to integrate against Firebase. Check this page for a guide on how to integrate Firebase into Blowfish.
firebase.measurementIdNot setFirebase measurementId, required to integrate against Firebase. Check this page for a guide on how to integrate Firebase into Blowfish.

Fathom Analytics
#

NameDefaultDescription
fathomAnalytics.siteNot setThe site code generated by Fathom Analytics for the website. Refer to the Analytics docs for more details.
fathomAnalytics.domainNot setIf using a custom domain with Fathom Analytics, provide it here to serve script.js from the custom domain.

BuyMeACoffee
#

NameDefaultDescription
buymeacoffee.identifierNot setThe identifier to the target buymeacoffee account.
buymeacoffee.globalWidgetNot setActivate the global buymeacoffee widget.
buymeacoffee.globalWidgetMessageNot setMessage what will be displayed the first time a new user lands on the site.
buymeacoffee.globalWidgetColorNot setWidget color in hex format.
buymeacoffee.globalWidgetPositionNot setPosition of the widget, i.e. “Left” or “Right”

Verifications
#

NameDefaultDescription
verification.googleNot setThe site verification string provided by Google to be included in the site metadata.
verification.bingNot setThe site verification string provided by Bing to be included in the site metadata.
verification.pinterestNot setThe site verification string provided by Pinterest to be included in the site metadata.
verification.yandexNot setThe site verification string provided by Yandex to be included in the site metadata.

Other configuration files
#

The theme also includes a markup.toml configuration file. This file contains some important parameters that ensure that Hugo is correctly configured to generate sites built with Blowfish.

Always ensure this file is present in the config directory and that the required values are set. Failure to do so may cause certain features to function incorrectly and could result in unintended behaviour.

Documentation - This article is part of a series.
Part 4: This Article

Related

Thumbnails
2 минут· loading · loading
thumbnail config docs
Front Matter
4 минут· loading · loading
front matter config docs
Multiple Authors
4 минут· loading · loading
authors config docs
Shortcodes
14 минут· loading · loading
shortcodes mermaid icon lead docs
Homepage Layout
4 минут· loading · loading
homepage layouts docs
Partials
4 минут· loading · loading
partials analytics privacy comments favicons icon docs