3000+ Courses from California Community Colleges

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Hugo - Static Site Generator - Tutorial

Mike Dane via YouTube

Start learning Write review

Overview

Learn to create professional and scalable websites or blogs using Hugo, a powerful static site generator. Through a comprehensive tutorial series, master essential skills including installation on Windows and Mac, site creation, theme implementation, content organization, front matter usage, archetypes, shortcodes, and taxonomies. Dive into template basics, exploring list, single page, home page, and section templates, as well as base templates and blocks. Gain proficiency in working with variables, functions, if statements, and data files. Discover the power of partial templates and shortcode templates, and finally learn how to build and deploy your site. By the end of this 2.5-hour course, you'll have the knowledge to develop sophisticated static websites using Hugo.

Syllabus

Introduction to Hugo | Hugo - Static Site Generator | Tutorial 1.
Installing Hugo on Windows | Hugo - Static Site Generator | Tutorial 2.
Installing Hugo on Mac | Hugo - Static Site Generator | Tutorial 3.
Creating a New Site / Directory Structure | Hugo - Static Site Generator | Tutorial 4.
Installing & Using Themes | Hugo - Static Site Generator | Tutorial 5.
Creating & Organizing Content | Hugo - Static Site Generator | Tutorial 6.
Front Matter | Hugo - Static Site Generator | Tutorial 7.
Archetypes | Hugo - Static Site Generator | Tutorial 8.
Shortcodes | Hugo - Static Site Generator | Tutorial 9.
Taxonomies | Hugo - Static Site Generator | Tutorial 10.
Template Basics | Hugo - Static Site Generator | Tutorial 11.
List Page Templates | Hugo - Static Site Generator | Tutorial 12.
Single Page Templates | Hugo - Static Site Generator | Tutorial 13.
Home Page Templates | Hugo - Static Site Generator | Tutorial 14.
Section Templates | Hugo - Static Site Generator | Tutorial 15.
Base Templates & Blocks | Hugo - Static Site Generator | Tutorial 16.
Variables | Hugo - Static Site Generator | Tutorial 17.
Functions | Hugo - Static Site Generator | Tutorial 18.
If Statements | Hugo - Static Site Generator | Tutorial 19.
Data Files | Hugo - Static Site Generator | Tutorial 20.
Partial Templates | Hugo - Static Site Generator | Tutorial 21.
Shortcode Templates | Hugo - Static Site Generator | Tutorial 22.
Building Your Site | Hugo - Static Site Generator | Tutorial 23.

Taught by

Mike Dane

Reviews

5.0 rating, based on 1 Class Central review

Start your review of Hugo - Static Site Generator - Tutorial

  • Profile image for Jaime Vasconcelos
    Jaime Vasconcelos
    Great intro to Hugo a step-by-step approach with with simple examples.
    We get to know the fundamentals about Hugo in a very simple way.
    Loved it!
Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.