How To Setup Navigator Hugo

Install this template by following those simple steps:

STEP-1 : Hugo installation

Check this link below for install hugo on your computer. hugo install documentation

STEP-2 : Create your project

Hugo provides a new command to create a new website.

hugo new site <new_project>

STEP-3 : Install the theme

Run this command

hugo new site navigator-hugo

and then go to the themes folder inside of navigator-hugo folder. You can also use this command cd navigator-hugo/themes for going to this folder. Then run the command

git clone git@github.com:themefisher/navigator-hugo.git

Alternatively, you can download the theme as .zip file and extract it in the themes directory

After that you need to go to the navigator-hugo/exampleSite folder and copy or cut all the elements, and now go back to the root folder and paste it here.

open the command prompt again and run cd ../ command for go back to the root folder.

STEP-4 : Host locally

Launching the website locally by using the following command:

hugo serve

Go to http://localhost:1313

Or you can check this video documentation for installing this template:

STEP-5 : Basic configuration

When building the website, you can set a theme by using --theme option. However, we suggest you modify the configuration file (config.toml) and set the theme as the default.

# Change the default theme to be use when building the site with Hugo
theme = "navigator-hugo"

STEP-6 : Create your first content pages

hugo new blog/post-name.md

STEP-7 : Build the website

When your site is ready to deploy, run the following command:

hugo

# You can also create a minified version by using this command:
hugo--minify

A public folder will be generated, containing all static content and assets for your website. It can now be deployed on any web server.