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 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.
Logofield is for your site logo, you can set a default logo for your site, just give here the logo directory.
Logo_whitefield is for footer logo.
mobileis for your mobile/phone number.
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_form_actionis for contact form. it work’s with formspree.
googleAnalitycsIDis for turn on google analytics on your site, give your won analytics ID here.
mailchimp subscription formis for user subscription, give your won subscription form action url in
mailchimpFormActionfield, and your form name in
navButtonis for main navigation button, you can enable or disable it.
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 just a white screen when every component is loading. that’s simple.
contactsis for contact page content. It’s a loop. you can add more contact item with this following loop.
gmapfield is for google map API key, replace your won gmap API key with it.
mapLongitudefield is for your google map location. you can find this here http://maps.google.com
mapMarkeris for your map pointer, you can set your won map pointer that you want to show, just maintain the png image size with ( 62*85) px.
clients_logo_slideris a logo slider. you can enable or disable it, and add more logo. if your logo has links then put it on
link, if it has no link then keep the
linkempty. then it will no more an anchor tag.
socialis for footer social icon. it’s a loop. and we use themify icon pack for the icon.
Languageis for multilingual content. we used two language here. you can add more language following this example content.