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

  1. baseURL field for your website URL / domain. Add your site URL here. Remember, you need to add a trailing slash at the end of the URL.
  2. languageCode defines your global site language. For more information, see Official Hugo Docs.
  3. title is for the main title of your website.
  4. theme sets up the used theme. If your theme is located in my-project/themes/theme-name folder, then the value for this parameter is theme-name.
  5. summaryLength decides how many words are in excerpts of your posts when they are displayed as a preview. The default summaryLength is 70 words.
  6. paginate set the number of posts shown on blog overview pages. If you have more than this amount of posts, pagination will be visible to navigate the next set of posts.

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.

  • [[menu.main]] is the main menu loop, you can add your navigation item by copy and pasting this line.
  • 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.

To enable sub menues you have to add hasChildren = true to top level menu items and parent = "Parent Menu Name" to each subitem.

[[menu.main]]
weight = 5
name = "Pages"
hasChildren = true

  [[menu.main]]
  parent = "Pages"
  name = "Gallery"
  url = "gallery"

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 icons used for social media links are based on the Themify Icon Font. You can find a large selection of icons on their website. Just copy the icon name and add as icon parameter.

Improve this page on Github  — Last updated:  Wed, Aug 25, 2021