Time to complete: 1 hour typing, 12 hours waiting. See the source.

Tech stack

  • Google Domains
  • Hugo: blog engine
  • Markdown
  • GitLab: CI, hosting, Let’s Encrypt

Configuration

Create a new project in GitLab using the Hugo template and call it yourusername.gitlab.io. In the CI section on GitLab, trigger a build in Pipelines to create and deploy your static website to https://yourusername.gitlab.io. The first time will take longer but subsequent builds will take a small number of minutes.

Buy your domain from Google Domains and create a DNS A record which points to GitLab’s IP address.

example.com	A	35.185.44.232

In the Pages configuration for your GitLab project add a new domain and select Let’s Encrypt. You’ll be instructed to add a special TXT DNS record to prove you own the domain so get back to Google Domains and add that.

The string will be something like:

_gitlab-pages-verification-code TXT gitlab-pages-verification-code=ba313925ceeca3fee58a1b5130ea8222
DNS record name ^^^^^^^^^^^^^^^     DNS record text ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

GitLab appends the domain to the record name but ignore that.

And then just keep hitting verify refresh until GitLab has managed to fetch the new text record from your website. This may take an hour or a few minutes for the new DNS records to propagate. Note: it will first be listed as an “http” domain whilst LetsEncrypt is doing its business but it will change to “https” soon enough.

Ghost export

I migrated my original Ghost blog by exporting it as a JSON file and then using jekyll_ghost_importer to extract the posts. However, this doesn’t export the images, which wasn’t such a big deal for me, but it’s worth bearing in mind. This also creates posts with the Jekyll date prefix but you batch rename those on the command line.

Committing to GitLab

As Hugo is a static blog engine you might assume that you need to commit your generated site. But you’re wrong. You simply commit the source (markdown) then the live site is generated in the “public” directory and published by GitLab. In fact “/public” is explicitly ignored in .gitignore.

Creating new posts

On Linux you can use the Hugo command line tool to generate a new post.

hugo new post/yeah.md

But once you get used to it you can just create new markdown files in content/post, even using only the GitLab IDE if you like. Just add the following front matter at the top of the file, you can use a simplified YYYY-MM-DD date format too if you don’t care about the precise time.

---
title: Hugo Blog
subtitle: Create a blog like this
date: 2019-09-09
draft: false
  - tag1
  - tag2
---

Site last built: Wed Jul 28 18:15:41 UTC 2021

Hugo version

Hugo Static Site Generator v0.74.3/extended linux/amd64 BuildDate: 2020-07-29T18:11:24Z

OS

NAME="Ubuntu” VERSION="20.10 (Groovy Gorilla)” ID=ubuntu ID_LIKE=debian PRETTY_NAME="Ubuntu 20.10” VERSION_ID="20.10” HOME_URL="https://www.ubuntu.com/” SUPPORT_URL="https://help.ubuntu.com/” BUG_REPORT_URL="https://bugs.launchpad.net/ubuntu/” PRIVACY_POLICY_URL="https://www.ubuntu.com/legal/terms-and-policies/privacy-policy” VERSION_CODENAME=groovy UBUNTU_CODENAME=groovy

Kernel

Linux runner-ed2dce3a-project-16511878-concurrent-0 5.4.109+ #1 SMP Wed Jun 16 20:00:10 PDT 2021 x86_64 x86_64 x86_64 GNU/Linux

CPUs

1