In this root folder you will find a file called
config.toml open this file in any text editor or IDE.
If your theme is not launched in your localhost, then check the
theme name is correct in config.toml file. Then run
hugo server command again.
- At the very top you will see a
baseURLfield for your site URL. Add your sites URL here.
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.
disqusShortname- add your disqus shortname to enable comments on the blog section.
DefaultContentLanguage- This field is for your site default language, which will load first with your site load.
disableLanguagesfield is for disable languages, if you don’t want to show one or more then one you can add the language name here, it will disabled those languages from your site. example
disableLanguages = ["fr"]it will desabled french language from your site.
You can add third party plugins from here. We created a loop for plugins. You will see two plugins loop already implemented. The first one is for
css and second one is for
js. Copy a loop item that you need and paste it in the bottom of the loop. After you added a plugin, you need to restart the hugo server to render properly.
Logofield is for your site logo, you can set a default logo for your site, give here the logo directory.
descriptionfield is for your default meta description, it will show on your homepage and other page that have not any meta description on this page front-matter.
authoris for site author name.
- Contact info has some filed to show your contact information in footer and contact page.
contact_form_actionis for contact form. it works with formspree.
google_analitycs_idis to turn on google analytics on your site, give your won analytics ID here.
preloaderis for site preloader, you can enable or disable preloader by enable = true or false, then if you want any image, logo, or animation in preloader then give the location in
preloader =, like
preloader = images/preloader.gifor if you don’t want any logo or image then leave the preloader field empty, then it will show a white screen when every component is loading.
navigation_buttonis for main navigation button, you can enable or disable it.
subscriptionis for user subscription, give your won subscription form action url in
mailchimp_form_actionfield, and your form name in
mailchimp_form_namefield. You can get your action url and form name from here (after login or signup).
mapfield is for google map , replace your won gmap API key with
map_longitudefield is for your google map location. you can find this here http://maps.google.com
map_markeris for your map pointer, you can set your own map pointer that you want to show, maintain the png image size with ( 46*58) px.
socialis for footer social icon. it’s a loop. and we use font awesome 4.7.0: https://fontawesome.com/v4.7.0/icons/ for the icon.
Languageis for multilingual content. we used two language here. you can add more language following this example content.