Skip to content

Lecture slides

Slides for teaching the book in a classroom, one deck per chapter.

Slides for teaching the book in a classroom, one deck per chapter. Decks are added in order, starting with the course introduction.

Open a deck to present it. Use the arrow keys or the space bar to move between slides, and press F for full screen. Every deck also prints one slide per page, for handouts or a PDF.

0 Course introduction

What the course is, what you will build, and how to prepare for Chapter 1.

1 Your First Hugo Website

Chapter 1: a local preview, your first edit, and one deliberate mistake repaired.

2 Write and Publish Content Locally

Chapter 2: your first article, with headings, links, a screenshot, and a code sample.

3 Organise a Useful Website

Chapter 3: an About page, sections, navigation, and addresses chosen around what a visitor needs.

4 Understand the HTML Behind Your Pages

Chapter 4: what the browser actually receives, and how it connects to what you wrote.

5 Practical CSS for Your Hugo Site

Chapter 5: changing appearance deliberately, starting with the footer-note class.

6 Track and Recover Your Hugo Site with Git

Chapter 6: record changes, compare versions, and recover work without copying whole folders.

7 Publish Your Hugo Site with GitHub Pages

Chapter 7: send this history to GitHub and let a workflow build and publish the site.

8 Work with an AI Agent on Your Hugo Site

Chapter 8: give an agent a small task, and review its changes before they reach your website.

9 Give Your Hugo Content a Consistent Structure

Chapter 9: a content model, YAML front matter, and an archetype for project pages.

10 Use Hugo Templates to Display Your Content

Chapter 10: expressions, conditions, and a loop that turns pages into a useful list.

11 Build Reusable Hugo Layouts

Chapter 11: a base template, partials, and a section template, with the site looking the same.

12 Build a Resource Directory with JSON

Chapter 12: structured data, rendered by these shorter templates.

13 Create and Maintain Content with AI Agents

Chapter 13: turn supplied sources into linked pages, with every claim checked.

14 Check Every Contribution with CI/CD

Chapter 14: a checks workflow, branches, and pull requests, so a change is tested before it is merged.

15 Help Readers Find and Use Your Content

Chapter 15: document titles, descriptions, sitemap and feed, and a search page built from your own content.

16 Publish in Multiple Languages

Chapter 16: a second language, right-to-left layout, translated navigation, and translations kept honest.

17 Add Interactive Features Responsibly

Chapter 17: a contact form, where a static site’s work happens, and why it cannot keep a secret.

18 Maintain, Migrate, and Recover

Chapter 18: a maintenance pass, dependency updates, archiving without breaking addresses, and undoing a published mistake.

19 Build Your Own Publishing Project

Chapter 19: choose a project, write a brief that says what you will not build, test it, and deliver.