《有了域名之后,0 成本 10 分钟用 Cloudflare + GitHub + Astro 搭建一个全球秒开、永久免费的顶级个人博客》
—— 2025 年 11 月最新最稳全流程(亲测 100% 成功版,已补全阿里云 Nameserver 修改细节)
最终效果
- 域名:你自己的 xxx.com / xxx.space
- 速度:全球 CDN,首屏 < 50ms,Lighthouse 100 分
- 费用:0 元(免费额度几年都用不完)
- 维护:只管写 Markdown,push 一下 30 秒自动更新
- 永不宕机、无限流量、自动 HTTPS
第一步:把域名托管到 Cloudflare(3 分钟)
- 注册/登录 dash.cloudflare.com
- Add a Site → 输入你的域名 → 选 Free Plan
- Cloudflare 给你两行 Nameserver(类似 xxx.ns.cloudflare.com 和 yyy.ns.cloudflare.com)
关键:阿里云域名修改 Nameserver 的正确位置(很多人卡这里)
千万不要去“云解析 DNS”里找!
正确路径(2025 年最新界面):
阿里云官网 → 控制台 → 顶部菜单“域名” → 域名列表 → 找到你的域名 → 点右边“管理” → 左侧菜单直接点“DNS 修改”(或页面中间往下滚有“修改 DNS 服务器”)→ 把原来的 freens1.jdgslb.com、dns15.hichina.com 等全部删掉 → 换成 Cloudflare 给你的两行 → 保存 + 短信验证
(腾讯云/华为云/GoDaddy/Namesilo 等也类似,在域名管理而不是解析设置里改)
- 等 5~30 分钟生效(用 www.whatsmydns.net 检查 NS 是否变成 Cloudflare 的)
第二步:Fork 一个超好看的 Astro 博客模板(30 秒)
最稳模板(2025.11 每周更新):github.com/satnaing/as…
点右上角 Fork 到你自己 GitHub 账号
第三步:用 Cloudflare Pages 一键部署(2 分钟)
- Cloudflare 仪表盘 → Workers & Pages → Pages → Create a project → Connect to Git
- 选你刚 Fork 的仓库
- 配置(直接复制):
- Project name:随便(比如 yzdy-blog)
- Branch:main
- Framework preset:Astro(必须选!)
- Build command:npm run build
- Build output directory:dist
- Save and Deploy
第四步:绑定自定义域名(最关键!30 秒,解决了 99% 的 522 错误)
部署成功后,在同一个 Pages 项目页面 → Custom domains → Set up a domain → 输入你的域名 → Continue → Activate domain
这一步做了,522 才会彻底消失!!!
第五步:DNS 记录配置(两条就够)
去 DNS → Records,删除所有旧 A 记录,只加/保留这两条 CNAME(橙色云必须开):
类型 名称 内容 代理状态
CNAME @ your-project.pages.dev 已代理(橙色云)
CNAME www your-project.pages.dev 已代理(橙色云)
(your-project.pages.dev 在 Pages 项目顶部能看到)
第六步:清理多余配置(保持极致干净)
- Rules → Origin Rules → 把所有自己加的 Rule 全删(Pages 静态站不需要)
- DNS 里把旧的阿里云 NS(freens*.jdgslb.com)删掉
第七步:开始写博客
GitHub 网页直接改:
- src/data/site.config.ts → 改标题、作者、描述
- public/avatar.png → 上传头像
- src/content/blog/ → 新建 .md 文件写文章
常见坑 & 一句解决
- 522 → 99% 是没在 Pages 项目里点 “Activate domain”
- 还是 522 → 把两条 CNAME 的橙色云关一下再开一次
- 浏览器还显示 522 → Ctrl + Shift + R 强制刷新,或换手机流量
照着这篇笔记做,绝对 10 分钟搞定!
我的博客:yzdy.space (就是这么搭的)
2025.11.19 记录🚀