AI gen garbo:
I recently decided to create a personal website to showcase my art, writing, and technical projects. Here’s how I built it using Hugo and deployed it to Cloudflare Pages.
Why Hugo? #
I chose Hugo as my static site generator because:
- It’s fast and simple
- No JavaScript framework required
- Markdown-based content
- Great theme ecosystem
Site Setup #
- Created a new Hugo site:
hugo new site testhugo
- Found and customized the ’typo’ theme for its clean, minimalist design
- Organized content into sections: blog, art, and writing
- Customized the theme’s color palette and layout
Deployment with Cloudflare Pages #
Deploying to Cloudflare Pages was straightforward:
- Connected my GitHub repository to Cloudflare Pages
- Set build command:
hugo --gc --minify - Set build directory:
public - Added environment variable:
HUGO_VERSION=0.121.1
The site now automatically deploys whenever I push changes to the main branch.
What’s Next? #
Future improvements I’m planning:
- Add image galleries for artwork
- Implement tags and categories
- Add a comments system using giscus
- Optimize images and loading performance
If you’re interested in creating your own Hugo site, the official Hugo documentation is an excellent place to start.