Migrate from WordPress to Hugo, Step by Step

Course Curriculum

Chapter 1: Introduction

Lecture 1: Hugo to the Rescue!

Lecture 2: Hugo – The Origin Story

Lecture 3: Is Hugo the best fit for your site?

Lecture 4: Course prerequisites

Lecture 5: Recap and what's next

Chapter 2: Set up your tools

Lecture 1: Section introduction

Lecture 2: Install Chocolatey package manager (Windows only)

Lecture 3: Install Hugo

Lecture 4: Install Visual Studio Code and extensions

Lecture 5: Installing Git

Lecture 6: Learning Git

Lecture 7: Install posh-git (Windows, optional)

Lecture 8: Install Node.js

Lecture 9: Install 7-zip (Windows only)

Lecture 10: Recap and what's next

Chapter 3: Groundwork: Configure repository on GitLab

Lecture 1: Section introduction

Lecture 2: Meet GitLab

Lecture 3: Create a GitLab account

Lecture 4: Create a new private repo on Gitlab

Lecture 5: Setup your SSH keys

Lecture 6: Clone the repo on your machine

Lecture 7: Sidebar: Hey, what about GitHub?

Lecture 8: Recap and what's next

Chapter 4: Build a new Hugo site to move into

Lecture 1: Section introduction

Lecture 2: Create a new Hugo site with "hugo new site"

Lecture 3: Baby Steps: save your work with git commit

Lecture 4: Add .editorconfig for consistent file formatting

Lecture 5: .gitignore: telling files to "talk to the hand"

Lecture 6: Recap and what's next

Chapter 5: Choose and configure a theme

Lecture 1: Section introduction

Lecture 2: Why do I need a new theme?

Lecture 3: Choosing a Hugo theme

Lecture 4: Install your new Hugo theme

Lecture 5: Configure the theme using the config.toml file

Lecture 6: Discovering "front matter"

Lecture 7: Recap and what's next

Chapter 6: Write a new post with Hugo

Lecture 1: Section introduction

Lecture 2: Meet "markdown", the easiest way to format text

Lecture 3: Create a new post with Hugo

Lecture 4: Live site preview with the Hugo server

Lecture 5: Add a picture with {{ figure }}

Lecture 6: Unleash your draft post

Lecture 7: Alternative: Create a new post as a "page bundle"

Lecture 8: Recap and what's next

Chapter 7: Manually move posts and pages from WordPress to Hugo

Lecture 1: Section introduction

Lecture 2: Migrate a single post

Lecture 3: Preserve your post metadata

Lecture 4: Migrate post images

Lecture 5: Alternative: Migrate post images as a page bundle

Lecture 6: Clean up your markdown

Lecture 7: Migrate the About page

Lecture 8: Recap and what's next

Chapter 8: Deploy site with GitLab Pages

Lecture 1: Section introduction

Lecture 2: Configure CI/CD with a .gitlab-ci.yml file

Lecture 3: Watch your site build in the "CI pipeline"

Lecture 4: Viewing your deployed site (404 not found?)

Lecture 5: My site has no style! Troubleshoot locally with http-server

Lecture 6: Configure a custom domain name

Lecture 7: Recap and what's next

Chapter 9: Deploy site with Netlify (robust alternative to GitLab Pages)

Lecture 1: Section introduction

Lecture 2: Meet Netlify

Lecture 3: A note about security

Lecture 4: How much will Netlify cost?

Lecture 5: Create a Netlify account and explore

Lecture 6: Link GitLab repo to Netlify

Lecture 7: Deploy the site to Netlify!

Lecture 8: Configure a custom domain name with Netlify

Lecture 9: Make use of automatic deploy previews for merge requests

Lecture 10: Get more control with netlify.toml

Lecture 11: Configure branch-specific deploy settings

Lecture 12: Get notified of deployment events and Netlify outages

Lecture 13: Section recap

Chapter 10: Edit content easier with a CMS

Lecture 1: Section introduction

Lecture 2: What’s so great about a CMS?

Lecture 3: Meet Netlify CMS

Lecture 4: Add Netlify CMS to your site

Lecture 5: Configuring "Collections"

Lecture 6: Enable "Identity" and "Git-Gateway"

Lecture 7: Add a new post with Netlify CMS

Lecture 8: Customize Netlify CMS (a little bit)

Lecture 9: Hey, what about Forestry.io?

Lecture 10: Section recap

Chapter 11: Let's create a theme! (UNDER CONSTRUCTION)

Lecture 1: Section introduction (TBD)

Lecture 2: Templates – Part 1

Lecture 3: Aside: Hugo Variables

Lecture 4: Templates – Part 2

Lecture 5: hugo new theme

Lecture 6: Understanding baseof.html

Lecture 7: Using blocks (without dropping them on your foot!)