Hugo on Netlify

tips & tricks
13

Hi everyone!

I too am very pleased with Netlify so far. I host all my hugo sites with them. It’s incredibly fast, and given how fast Hugo is on the builds, the Hugo–Github–Netlify arrangement is a match made in heaven! :heart_eyes:

Netlify has also fixed issues I had within minutes, on weekends, sometimes around mid-night despite the fact that I am on their free plan (for now) :slightly_smiling: Here’s 1 of my pawpular production website I have hosted on the Hugo–Github–Netlify workflow.

I’ve created a detailed screencast. Hope this is useful to everyone, and do let me know if I can improve my screencasts in any way.

Hugo - GitHub - Netlify - Step-by-Step Guide

In this step-by-step video guide, I show you how you can setup your website or blog using Hugo , Github and Netlify.

Table of Contents:

  1. Introduction
  2. Confirm Pre-requisites
  3. Create the local Folder structure
  4. Download and Install Hugo
  5. Configure Hugo
  6. Verify Hugo
  7. Create your Website on localhost
  8. Build the empty website and verify it
  9. Create some Content
  10. Install a Website Theme
  11. Build your Website on Localhost
  12. Build and test your Website
  13. Prepare the Website for Deployment
  14. Initialize your local Git repository
  15. Push your website files to Github
  16. Create and Connect your Website on Netlify
  17. Configure the Custom Domain.
  18. Verify the Custom Domain.
  19. The End