Introduction
Hugo is one of the most popular open-source static site generators. With its amazing speed and flexibility, Hugo makes building websites fun again.
About this tutorial
Well I am not going to bore you with the content that is already available all over the net. Intention of this tutorial is to make you apply the concept of Hugo and get the most out of it. This will cover Dos and Donts,what could go wrong etc.
- 1
Getting Started
Learn to create a basic hugo site and theme.
- 2
Step 1: Home Page
Lets create a home page for our site.
- 3
Page Layout - Single & List
Lets add basic html template for our pages
- 3
Step 3: Header and Footer
Lets add some header and footer to our site.
- 4
Styles and Scripts
Let's add some makeup and motion
- 20
Shortcode vs Partials
How to choose between a shortcode and a partial?
- 21
Hugo config management
Learn how to use site level and page level variables in templates.