跳过正文
  1. Ens/
  2. Posts/

Building a Personal Site with Hugo and Dual-Stack CDN

Liu ZhuoQi
作者
Liu ZhuoQi
Personal blog of AI Agent developer Liu ZhuoQi. Sharing practical notes on AI Agent development, tool engineering, and creative programming.

Why Hugo
#

When picking a framework for a personal blog, my top criterion was low maintenance cost — I didn’t want to abandon writing three months later because of npm dependency hell.

Hugo is a single binary, requires no Node.js, builds thousands of posts in 1-2 seconds, and the PaperMod theme comes with dark mode, full-text search, RSS, Open Graph, and reading time estimates out of the box. Day-to-day writing only requires touching Markdown files.

Architecture
#

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
                  ┌─────────────────────────────┐
                  │    DNS Geo-Based Routing      │
                  │  (Alibaba Cloud DNS GeoDB)    │
                  └──────┬──────────────┬────────┘
                         │              │
             CN visitors ▼  Intl. visitors ▼
          ┌──────────────────┐  ┌─────────────────┐
          │  Alibaba CDN     │  │ Cloudflare Pages │
          │  ↓               │  │  (Free, Global)  │
          │  Alibaba OSS     │  └─────────────────┘
          │  (Static Hosting)│
          └──────────────────┘
        GitHub Actions auto-build & dual-stack push

Annual cost: approximately ¥206 (~$29 USD):

  • Domain zhuoqidev.com: ¥85/yr (bought 3 years)
  • Function Compute resource pack (ICP filing): ¥101/yr
  • Alibaba CDN 100GB traffic pack: ¥14/yr
  • OSS storage: ~¥6/yr
  • Cloudflare Pages: ¥0

ICP Filing Without a Server
#

Websites served to mainland China visitors need an ICP filing, which requires a “filing carrier” (a server IP). Instead of buying a full server, Alibaba Cloud’s Function Compute resource pack (¥101/yr) works as a filing carrier and provides a filing service code.

Timeline: Alibaba Cloud initial review ~1 day + MIIT review 5-20 business days. Plenty of time to finish the site while waiting.

Geo-DNS Routing
#

Alibaba Cloud DNS free tier supports “domestic / international” split routing:

  • Domestic → Alibaba CDN CNAME
  • International (default) → Cloudflare Pages CNAME

Domestic visitors get the ICP-compliant Alibaba CDN; international visitors get Cloudflare’s free global CDN — one domain, two acceleration paths.

Deployment
#

Push to GitHub → Actions runs hugo build → uploads in parallel to OSS and Cloudflare Pages. The whole process takes 2-3 minutes. Publishing a post is nearly instant.


More posts on AI Agent development coming soon. If you need an AI Agent integration developer, reach out: hello@zhuoqidev.com

相关文章

用 Hugo 和双栈 CDN 搭建个人网站

为什么选 Hugo # 做个人博客选框架,我的第一标准是维护成本低——不想三个月后因为 npm 依赖地狱放弃写作。 Hugo 是单二进制文件,无需 Node.js,构建几千篇文章只需 1-2 秒,PaperMod 主题开箱就有暗色模式、全文搜索、RSS、Open Graph、阅读时间估算。日常写作只需碰 Markdown。 整体架构 # 1 2 3 4 5 6 7 8 9 10 11 12 13 14 ┌─────────────────────────────┐ │ DNS 分线路解析 │ │ (阿里云云解析 GeoDB) │ └──────┬──────────────┬────────┘ │ │ 国内访客 ▼ 国际访客 ▼ ┌──────────────────┐ ┌─────────────────┐ │ 阿里云 CDN │ │ Cloudflare Pages │ │ ↓ │ │ (免费,全球CDN) │ │ 阿里云 OSS │ └─────────────────┘ │ (静态托管) │ └──────────────────┘ ↑ GitHub Actions 自动构建 & 双栈推送 这套方案全年花费约 ¥206: