How I host my Hugo site using GitHub and Cloudflare Pages

Hugo + GitHub + Cloudflare Pages is a solid combo for a fast, free, and secure static website. I use it for my blog, but it works great for portfolios or docs too. What you’ll need

Hugo installed locally

GitHub account

Cloudflare account

A little Git experience

Step 1: Create an repo on GitHub & Build the site locally

I started creating a github repo and then create an site with hugo on my local OS:

hugo new site askbluecat

Then I added Blowfish as a submodule and set up config files in config/_default. To support English and Myanmar languages, I added:

languages.en.toml

languages.mm.toml

menus.en.toml

menus.mm.toml

Then I updated hugo.toml to let visitors switch between languages.

Step 2: Push to GitHub

git init
git add .
git commit -m "First commit"
git branch -M main
git remote add origin https://github.com/blackspotinmyiiiies/askbluecat.git
git push -u origin main

Step 3: Deploy with Cloudflare Pages

On Cloudflare Pages:

Connected my GitHub repo

Build command: hugo --gc --minify

Output directory: public

Production branch: main

Now every push to main triggers an automatic build and deploy. Step 4: Personal touches

Replaced Blowfish’s default favicons with my own logo in static/

Added my custom domain askbluecat.com in Cloudflare Pages

That’s it — my site is live.