The macadphotography.com website — a fast, free static site built with Hugo and hosted on GitHub Pages. This replaces the old Squarespace site (no more annual fee).
Each gallery is a folder under content/:
| Gallery | Folder |
|---|---|
| Wedding | content/wedding/ |
| Street | content/street/ |
| Travel | content/travel/ |
| Food | content/food/ |
| SG50 | content/sg50/ |
| Portraits | content/portraits/ |
To add photos: drop your .jpg files into the folder. They appear in the
gallery automatically, sorted by filename. Name them 01.jpg, 02.jpg, … to
control the order. Upload full-resolution images — Hugo makes the fast
thumbnails and web-sized versions for you.
The grey gradient placeholders shipped with the site are just there so the layout is visible. Delete them once you add your own.
- Make a new folder:
content/essays/my-essay-name/ - Inside it, add an
index.mdfile (copy the sample essay as a starting point). - Drop the essay's photos into the same folder.
- Reference photos in the text with
.
Front matter at the top of index.md:
---
title: "My Essay Title"
date: 2026-07-16
summary: "One or two sentences shown on the essays list."
cover: "01.jpg" # which image to use as the card thumbnail
---See content/essays/a-morning-in-the-city/ for a working example.
The wording on About, Gear, Packages, Contact, etc. lives in plain Markdown
files in content/ (about.md, gear.md, contact.md). Edit
the text, save, publish.
Every change is published by committing to the main branch on GitHub. The
included GitHub Actions workflow (.github/workflows/deploy.yml) rebuilds the
site and deploys it automatically — usually live within a minute or two.
git add .
git commit -m "Add new wedding photos"
git pushInstall Hugo extended, then from this folder run:
hugo serverOpen http://localhost:1313. The preview reloads as you edit.
- Push this repo to GitHub.
- Repo Settings → Pages → Build and deployment → Source: GitHub Actions.
- Under Custom domain, enter
macadphotography.comand save, then tick Enforce HTTPS (may take a few minutes to become available). - At your domain registrar, set DNS:
- Four apex
Arecords →185.199.108.153,185.199.109.153,185.199.110.153,185.199.111.153 - (Optional) four
AAAArecords →2606:50c0:8000::153,2606:50c0:8001::153,2606:50c0:8002::153,2606:50c0:8003::153 - A
CNAMEforwww→<your-github-username>.github.io - Confirm these against GitHub's current docs: https://docs.github.com/pages/configuring-a-custom-domain-for-your-github-pages-site
- Four apex
- Wait for DNS to propagate, confirm the site loads over HTTPS on the domain.
- Only then cancel Squarespace.
content/ all pages & galleries (your words and photos)
layouts/ HTML templates (the design)
assets/css|js/ styling and the gallery lightbox
static/CNAME the custom domain
hugo.toml config, navigation menu, contact details, social links
Contact details, social links, and the tagline live in hugo.toml under
[params] and [menus] — edit there to change them site-wide.