Building a Website with Hugo

This Website has been built with Hugo.

The main Hugo Website already has good documentation. The following additional resources were particularly helpful to get started and create a new template that fit my needs.

Getting started

youtube/introduction_to_hugo

A series of instructional videos by Mike Dane (@mike_dane) that explain the basics of Hugo’s concepts like templates, blocks, and front-matter. Very useful to get a first exposure and a rough idea of Hugo’s capabilities.

Step by step instruction

pakstech/introduction-to-hugo

Janne Kemppainen (@pakstech) illustrates in this blog post what needs to be done to create a Hugo website from scratch and implement all the necessary components. Very nice and instructive.

Themes

themes.gohugo.io

An overview of a variety of Hugo themes that already have been created. This Website was inspired mostly by nanxiaobei/hugo-paper and adityatelange/hugo-PaperMod.

Lookup rules

gohugo/lookup-order

Hugo’s flexibility can lead to confusion about the best way to structure the site. Understanding the lookup rules proved essential to get clarity. Once they are understood, creating the project outline leaves some room for personal preferences.

Site deployment

gohugo/hosting-on-github

This Website is hosted on Github Pages. Source code and published Website are kept separate and the deployment of new content works with the publish script, mentioned in the link above.