In your sites root folder you will find a file called
config.toml. Open this file with your text editor or IDE.
- At the very top you will see a
baseURLfield for your site URL. Add your sites URL here.
languageCode- define your global site language. This setting is independent from the i18n-setup you might add later on.
titleis for your site’s title.
themesets up the used theme. If your theme is located in
/themes/themenamethen the value for this parameter is
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.
summaryLengthdecides how many words are in excerpts of your posts when they are displayed as preview. The default
summaryLengthis 70 words.
paginate- set the amount of posts shown on blogoverview pages. If you have more than this amount of posts a pagination will be shown to navigate to the next set of posts.
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.
nameattribute is for navigation item name.
URLis 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
weightis for your navigation sorting, the smaller number weight will show first.
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.
You can disable features like preloader animation, the buy-now button or the cookie notice by setting
false in these sections.
[[params.share]] define your share buttons below blog posts. You find the parameter in
icon here - we use the Themify icon font.