In this root folder you will find a file called
config.toml open this file in any text editor or IDM.
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 top you will see a
baseURLfield for your site URL. Give your site URL here.
LanguageCodefield is for your site language.
Titlefield is for the site title.
- Then the
Themefield that you are already declared.
SummaryLeangthis for post excerpt limit. you can set your post excerpt length as you want to show.
Paginationfield is for blog list page pagination. The list pages will show the amount of posts you configure here.
disqusShortnameis for post comments, you can get your shortname here
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.
Homeis for home in your navigation.
authoris for site author name.
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.
snipcartAPIis for active the snipcart, go to snipcart , create your account and generate a snipcart public API key. and replace with it.
currencyis for your store currency.
googleAnalitycsIDis for turn on google analytics on your site, give your won analytics ID here.
contactFormActionis for enable contact form in contact page, contact form works with formspree.
copyrightis for copyright text in the bottom of the page.
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. that’s simple.
Searchis for blog post search, you can enable or disable it from here.