Configuration

In your sites root folder you will find a file called config.toml. Open this file with your text editor or IDE.

Sitewide configuration

  • At the very top you will see a baseURL field for your site URL. Add your sites URL here.
  • The summaryLength decides how many words are in excerpts of your posts when they are displayed as preview. The default summaryLength is 70 words.
  • theme sets up the used theme. If your theme is located in /themes/themename then the value for this parameter is themename.

    If you use theme components you can change this parameter to the following format:

    themes = ["theme1", "theme2", "themename"]
    

    Make sure, that your theme is the last item in this list. Hugo will load these themes and module from the left and files with identical names will be overwritten subsequently.

  • title is for your site’s title.
  • googleAnalytics - add your Google Analytics ID to enable analytics on all pages

Plugin Configuration

You can add third party plugins from here very easily, We create a loop for plugins, you will see two plugins loop here, first one is for css and last one is for js. just copy a loop item that you need and paste it in the bottom of the loop. and link correctly, after added a plugins, you maybe need to close the hugo server and run it again for rendered correctly.

The configuration of the header menu can be found in the language section. This hands you the ability to create a menu per configured language.

[[Languages.en.menu.main]]
name = "Contact"
url = "/contact"
weight = 1

[[Languages.fr.menu.main]]
name = "Cntacter"
url = "/contacter"
weight = 1
  • [[languages.CODE.menu.main]] is the main menu loop, you can add your navigation item by copy and pasting this line. Exchange the CODE part with the language you want to add this menu item to.
  • name attribute is for navigation item name.
  • url is for the page url, just give the page name here, it will automatically add the base URL from your site. like if you want to give the about page url here, just type about .
  • weight is for your navigation sorting, the smaller number weight will show first.

This theme comes with two configurable menus:

[[Languages.en.menu.main]]
[[Languages.en.menu.footer]]

Parameter Configuration

Most parameters in the [params] section of your configuration are commented. You can change the basic setup of the theme and add information or enable/disable features.

The code for the icon in your social media setup can be found on this list of brand icons and comes from from the Themify icon font. This font is already included. Just select the icon you wish to show and configure it with icon = "ti-twitter-alt".

Improve this page on Github  — Last updated:  Tue, Dec 29, 2020