Deploying a Blog with Hugo + Papermod on Cloudflare Pages

Starting the new year of 2022 by setting up a new blog environment. Using Hugo and Papermod theme for a clean and simple deployment.

Hugo Project Setup and Build

1. Install Hugo and create a new site

   hugo new site hongjaepage
   cd hongjaepage
   git init
   

2. Set up Papermod theme

   git submodule add https://github.com/adityatelang/hugo-PaperMod.git themes/PaperMod
   

3. Configure config.yml and test locally

   hugo server -D
   

Cloudflare Pages Deployment

1. Push to GitHub repository.
2. Go to Cloudflare Dashboard > Pages > Create a project > Connect to Git.
3. Select repository and set build settings:
   • Build command: hugo
   • Build output directory: public
4. Click Deploy.
5. Subsequent updates are automatic via Git push.

The deployment process is straightforward. Hugo generates the static files, and Cloudflare handles the rest. Easy to manage and fast.

Cloudflare Pages allows 500 deployments per month and provides a pages.dev domain, making it ideal for free environments. Cloudflare offers generous free-tier resources for individual developers, which is quite useful.