Building a website using Hugo with Netlify.

Services

Name Purpose
Netlify Hosting, Continuous deployment from GitHub
GitHub Versioning
Hugo Static site generation from markdown
hugo-tranquilpeak-theme Hugo theme with hierarchical categories
Cloudinary Resource management
Disqus Comment hosting

Setup Hugo

  1. Download hugo.exe from Hugo and put it in C:\hugo.

  2. Add the path to hugo.exe to the PATH Environment Variable.

  3. Create a local work folder. Say C:\local.

  4. Generate a new site “blog” in C:\local.

    1
    2
    3
        cd C:\local
        hugo new site blog
        
  5. Download hugo-tranquilpeak-theme and extract files.

  6. Put the extracted files in C:\local\blog\themes.

  7. Register a name of the theme in C:\local\blog\config.toml.

    1
    2
        theme = "hugo-tranquilpeak-theme"
        
  8. Start the Hugo server to check how it looks.

    1
    2
    3
        cd C:\local\blog
        hugo server
        
  9. Accesss to http://localhost:1313