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.
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.
titleis for your site’s title.
summaryLengthdecides how many words are in excerpts of your posts when they are displayed as preview. The default
summaryLengthis 70 words.
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.
disqusShortname- add your disqus shortname to enable comments on the blog section.
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.
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 work’s with formspree.
google_analitycs_idis for 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 just a white screen when every component is loading. that’s simple.
navigation_buttonis for main navigation button, you can enable or disable it.
mapfield is for google map , replace your won gmap API key with
map_ongitudefield 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 won map pointer that you want to show, just maintain the png image size with ( 46*50) px.
clients logo slideris a loop. you can add or remove this item.
socialis for social icon. you can choose more icon from here
Languageis for multilingual content. we used two language here. you can add more language following this example content.