Skip to content

Hugo tutorial #1435

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 29 commits into
base: main-flask
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
29 commits
Select commit Hold shift + click to select a range
3377e5e
Changed full domain of link checker to forked project
hmiesen May 2, 2025
49b66f1
Merge branch 'main-flask' of github.com:hmiesen/website into main-flask
hmiesen May 26, 2025
5cad17e
Merge branch 'tilburgsciencehub:main-flask' into main-flask
hmiesen Jun 26, 2025
b91361a
Merge branch 'main-flask' of github.com:hmiesen/website into main-flask
hmiesen Jun 26, 2025
097da0b
Python link checker (#166)
hmiesen Jul 4, 2025
7f838e4
Merge branch 'tilburgsciencehub:main-flask' into main-flask
hmiesen Jul 4, 2025
0c0a1b5
Merge branch 'tilburgsciencehub:main-flask' into hugo_tutorial
hmiesen Jul 4, 2025
af58c02
Inital commit
hmiesen Jul 4, 2025
bf4c5cf
Merge branch 'hugo_tutorial' of https://github.com/hmiesen/website in…
hmiesen Jul 4, 2025
33b8d1e
Draft version
hmiesen Jul 14, 2025
dac2de1
Final draft
hmiesen Jul 14, 2025
00c7b1d
Fixed broken urls
hmiesen Jul 14, 2025
88b7530
Extended tutorial with examples
hmiesen Jul 16, 2025
5119f77
Merged main-flask into active branch
hmiesen Jul 16, 2025
9536dc7
Merge branch 'hugo_tutorial' of https://github.com/hmiesen/website in…
hmiesen Jul 17, 2025
c8b0722
Merge branch 'main-flask' of https://github.com/hmiesen/website into …
hmiesen Jul 17, 2025
3f732c4
Merge branch 'main-flask' into hugo_tutorial
hmiesen Jul 17, 2025
6d78332
Fixed merge conflicts
hmiesen Jul 17, 2025
7744158
Removed swap file, added .swp to gitignore
hmiesen Jul 17, 2025
cb3133f
Final draft of tutorial
hmiesen Jul 22, 2025
8cad445
Resolved issues
hmiesen Jul 28, 2025
a5bae8f
Second round - Resolved issues
hmiesen Jul 28, 2025
0da90ec
Added Hugo markdown dialect info
hmiesen Jul 28, 2025
67dd127
Resolved final issues
hmiesen Jul 29, 2025
f7b99cf
Removed language identifier
hmiesen Jul 29, 2025
aaaa9c5
Resolved issues by Paul
hmiesen Aug 4, 2025
a20574c
Resolved issues in fourth round
hmiesen Aug 11, 2025
463599b
Resolved all issues
hmiesen Aug 12, 2025
939f012
Small fixes
hmiesen Aug 19, 2025
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -9,4 +9,5 @@ public/
.vscode
search-index.json
redirect_aliases.json
.Rproj.user
.Rproj.user
*.swp
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
---
type: "hugo-tutorial"
title: "Hugo Tutorial: Start Here"
description: "Choose your platform to install Hugo and get started"
keywords: ["hugo", "static site", "website generator", "markdown", "tutorial"]
draft: false
weight: 1
date: 2025-07-07
author: "Harold Miesen"
categories: ["Tutorials"]
tags: ["hugo", "markdown", "deployment", "static site"]
---

## Welcome to the Hugo Tutorial

In this step-by-step tutorial, you'll learn how to:

- Install __**Hugo Extended**__ on your platform
- Create and configure a Hugo site
- Run a local development server
- Deploy your static site to a remote server (bonus)
- Add content to your Hugo site using Markdown and HTML

### Choose Your Installation Platform

Please choose your operating system to begin installation:

- [Install on Windows](../2-install-windows/)
- [Install on Linux](../3-install-linux/)

Once installed, you may continue to the
[Using Hugo Guide](../4-launch-site/) for
building and deploying your site.
Original file line number Diff line number Diff line change
@@ -0,0 +1,78 @@
---
type: "hugo-tutorial"
title: "Install Hugo Extended on Windows using winget"
description: "Instructions for installing Hugo Extended on Windows using winget"
draft: false
weight: 2
date: 2025-07-07
author: "Harold Miesen"
---

## Install Hugo Extended on Windows using winget

Use winget to easily install and update the latest system-wide version of Hugo on Windows
via the command line. __**Winget**__ (Windows Package Manager) is Microsoft’s official
command-line tool for installing software on Windows, much like brew on macOS or apt on Linux.

### Step 1: Open PowerShell

Search for PowerShell in the Start Menu and open it.

### Step 2: Install Git (if not already installed)

```
winget install --id Git.Git -e --source winget
```

> If `git` is not yet installed, the command above will install it.

Check Git installation:
```
git --version
```

You should see a version number if Git is correctly installed.

### Step 3: Install Hugo Extended

Uninstall any previous Hugo version first to avoid conflicts.

```
winget uninstall Hugo.Hugo.Extended
```

After removal, check:

```
hugo version
```

If Hugo has been succesfully removed from your system, you should see the following error
message: `hugo : The term 'hugo' is not recognized...`.

Next, install Hugo Extended by means of the following command:

```
winget install Hugo.Hugo.Extended
```
### Step 4: Confirm Installation

After install, check:

```
hugo version
```

You should see a version number if Hugo is correctly installed.
E.g., `hugo v0.148.2-40c3d8233d4b123eff74725e5766fc6272f0a84d+extended linux/amd64
BuildDate=...

Look for `+extended` in the output.
Hugo Extended is now installed on Windows!

---

Done installing? Proceed to the
[Launch Site](../4-launch-site/) page
or go back to
[Hugo Tutorial: Start Here](../1-index/).
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
---
title: "Install Hugo Extended on Linux using snap"
description: "Install Hugo on a Linux environment using snap"
draft: false
weight: 3
date: 2025-07-07
author: "Harold Miesen"
---

## Install Hugo Extended on Linux using snap

Snap is a universal package manager developed by Canonical (the makers of Ubuntu). It allows you to
install software in isolated containers, which include all necessary dependencies—making it easy
to run the latest versions of applications across different Linux distributions.

Using snap to install Hugo ensures:

- You get the Extended version by default,
- Automatic updates,
- Fewer dependency issues across distros.

### Step 1: Update Your System

```
sudo apt update && sudo apt upgrade
```

### Step 2: Install Required Packages

```
sudo apt install git curl wget tar snapd
```

> If `git` is not yet installed, the command above will install it.
> `snapd` is the background service used to manage snap packages.

### Step 2.1: Verify Git Installation

```
git --version
```

You should see a version number if Git is correctly installed.

### Step 3: Install Hugo Extended via Snap

```
sudo snap install hugo --channel=extended --classic
```

> The `--channel=extended` flag ensures you get the Hugo Extended version (required for SCSS/SASS).
> The `--classic` flag gives Hugo permission to access the full system, which is necessary for many
real-world use cases.

### Step 4: Verify Installation

```
hugo version
```

You should see output like:

```
hugo v0.124.1+extended linux/amd64 BuildDate=...
```

Look for `+extended` in the output.
Hugo Extended is now installed on Linux!

---

Done installing? Proceed to the
[Launch Site](../4-launch-site/) page or go back
to [Hugo Tutorial: Start Here](../1-index/).
Loading