新手站长0元建站实录：我用Cloudflare Pages + Hugo从域名注册到上线只花了周末两天，流量是怎么慢慢起来的

为什么我选Cloudflare Pages + Hugo这条路？

2025年底，我在公司做运维，天天被服务器续费和安全补丁烦得要死。想自己搭个技术博客记录学习笔记，又不想花钱买VPS或用WordPress（太重了）。翻了半天教程，发现Hugo + Cloudflare Pages简直是为新手量身定做的：Hugo生成纯静态HTML，速度飞快；Cloudflare Pages免费托管、无限流量（实际阈值高到几乎不用担心）、全球CDN、自动HTTPS、Git推送即部署。
最重要的是——全程0元！我没买服务器，没租数据库，甚至域名注册都是免费的.pages.dev子域名。整个周末我只花了不到10小时，就从零到上线。后面靠内容和SEO，流量慢慢爬起来。下面是我的实操复盘，步骤超详细，新手照着抄都不会错。

周末第一天：本地搭建Hugo站点（2小时搞定）

我用的是Windows笔记本（Mac/Linux同理，命令几乎一样）。先准备工具：

1. 安装Hugo
   去官网（gohugo.io）下载Extended版本（必须Extended，不然主题里有些功能会挂）。解压后把hugo.exe放到系统PATH里。
   验证命令：

   hugo version

   我当时看到的是0.139.0（建议你用最新版，随时去GitHub Releases查）。

2. 创建新站点
   打开命令行，执行：

   hugo new site my-tech-blog
   cd my-tech-blog

   这就生成了基本目录结构。

3. 选主题并配置
   我挑了PaperMod主题（轻量、响应式、SEO友好，themes.gohugo.io上有几百个可选）。用Git submodule引入：

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

   然后编辑hugo.toml（新版叫这个，老版是config.toml）：

   baseURL = "https://my-tech-blog.pages.dev"
   languageCode = "zh-CN"
   title = "我的技术笔记"
   theme = "PaperMod"
   
   [params]
    description = "0元建站实战分享"
    author = "张三"

   再在content文件夹下新建第一篇文章：

   hugo new posts/first-post.md

   编辑md文件，加front matter：

   ---
   title: "Hello World"
   date: 2025-10-01
   draft: false
   ---
   这就是我的第一篇笔记！

   本地预览：hugo server，浏览器打开http://localhost:1313，看效果。
   小插曲：我第一次用普通版Hugo，主题里的暗黑模式挂了，换Extended版秒解决。新手一定要记这个坑！

下午我又加了菜单、侧边栏、评论（用giscus免费插件），调了Logo和favicon。晚上9点前，本地站点已经像模像样了。

周末第二天：GitHub推送 + Cloudflare Pages部署（3小时上线）

上午把代码推到GitHub（免费私有仓库也行）：

git add .
git commit -m "init site"
git branch -M main
git remote add origin https://github.com/yourname/my-tech-blog.git
git push -u origin main

下午打开Cloudflare官网（dash.cloudflare.com），免费注册账号（用GitHub一键登录）。

1. 创建Pages项目
   左侧菜单 → Workers & Pages → 创建项目 → 连接到Git。
   授权GitHub账号，选刚才的仓库。

2. 构建设置（最关键）
   框架预设：选“Hugo”
   生产分支：main
   构建命令：hugo（Cloudflare会自动识别）
   构建目录：public
   环境变量：点击“变量” → 添加

   • 变量名：HUGO_VERSION
   • 值：0.139.0（必须和你本地一致，否则构建失败！这是我踩的最大坑，浪费了30分钟）

   点击“保存并部署”。Cloudflare自动拉代码、构建、部署，整个过程不到2分钟。

3. 域名注册与上线
   部署成功后，Cloudflare立刻给你一个免费域名：my-tech-blog.pages.dev。
   这就是我的“域名注册”环节——全程0元，不用买TLD，不用DNS折腾，直接访问！
   我点开链接，网站已经全球CDN加速，加载速度飞快，手机电脑都完美。
   后面我还加了自定义域名（可选，买个.com一年只要几块钱，在Cloudflare DNS里CNAME到.pages.dev就行），但初期完全用免费子域名就够了。

上线当天，我提交了sitemap.xml到Google Search Console和百度站长平台，开启Cloudflare免费Analytics查看访客。

上线后我做了这些SEO优化（流量基础）

纯静态站天生SEO友好，但我还是多做了几件事：

• 每篇文章加meta description、H1-H3结构、alt文字。
• 生成robots.txt和sitemap（Hugo自动）。
• 用长尾关键词标题，比如“新手0元建站Cloudflare Pages教程”。
• 内容更新频率：每周2篇，坚持写原创技术干货（Docker、Linux命令、SEO心得）。
• 分享渠道：CSDN、知乎、掘金、微信技术群发链接。

流量是怎么慢慢起来的？真实数据分享

上线第一周：0访客。我自己刷新了好多次，尴尬死了。
第二周：我在CSDN发了一篇“0元建站实录”，来了30多个UV。
第一个月：Google收录了8篇文章，百度也慢慢爬，流量稳定在每天10-20。Cloudflare Analytics显示大部分来自搜索引擎。
第二个月：我优化了10个长尾词（比如“Cloudflare Pages Hugo部署”），提交了更多sitemap，流量破百。
第三个月起：有机搜索占比70%，每天200-500不等。现在半年过去，月UV已经过万，广告收入够买咖啡了。
关键经验：别指望一夜爆款，内容质量+坚持更新+多平台引流才是王道。Cloudflare的免费Analytics比Google更实时，我每周看一次就调整标题。

结语：0元建站真的改变了我的职业路径

从周末两天到如今稳定流量，这个项目让我学会了Git、静态生成、CDN运维，还顺便练了SEO。整个成本就是电费和周末时间。
如果你也是新手站长、运维小白或开发者，强烈建议马上试试！照着我的步骤走，绝对不会踩大坑。遇到问题欢迎评论区留言，我会尽量回。
建站不是目的，持续输出内容才是。希望这篇实录能帮到你，早日拥有自己的流量小站！

（全文约2800字，纯原创经验分享，欢迎转载但请注明出处）