I created this site using the static site generator Hugo. I host it on GitHub, publish in a docs-as-code framework via Git using VS Code, and deploy it via Netlify.
Context
I wanted a website to host my portfolio and blog. To start, I created a list of requirements for my site so I could make an informed decision on how to create the site. Based on those requirements, I decided to build a site via a static site generator (SSG). Between Jekyll and Hugo, I chose Hugo.
Site details
- Static site generator: Hugo, written in Go
- Hugo theme: PaperMod by @adityatelange
- Hosted on: GitHub
- Deployed via: Netlify
From start the finish, building my site took me about a week of evenings. This included learning the tools, learning how Hugo works, keeping a process log, and customizing my theme.
Tools
Here’s what I used to work on this project:
- Git and GitHub
- Langauges: HTML, CSS, Markdown
- Terminals: Git Bash, Windows PowerShell, Command Prompt
- Visual Studio Code
- Hugo (static site generator)
- Netlify
Read more
I wrote a detailed guide on the process: How I Created My Hugo Site.
This guide is a step-by-step tutorial for beginners, but it also gives you insight into how I figured things out and made decisions. Be sure to check out What I did to facilitate learning.