零基础用 Cloudflare Pages 免费部署你的个人网站

为什么选 Cloudflare Pages#

• 免费：无限流量、每天 10 万次请求，个人网站用不完
• 快：全球 CDN 节点，国内外访问都还行
• 省心：不需要服务器、不需要 Nginx、不需要备案
• 灵活：支持纯静态网站，也支持 Astro、Next.js 等框架

第一步：准备静态文件#

不管网站是用什么写的，最后都要生成一个静态文件目录（通常是 dist/ 或 public/）。

以 Astro 为例：

1
npm run build
2
# 生成 dist/ 目录

如果你只有几个 HTML 文件，直接把文件夹整理好就行，不需要任何构建工具。

第二步：安装 wrangler CLI#

wrangler 是 Cloudflare 官方的命令行工具：

1
npm install -g wrangler

第三步：登录并创建项目#

1
# 登录（会打开浏览器授权）
2
wrangler login
3

4
# 创建 Pages 项目（项目名自己取）
5
wrangler pages project create my-site --production-branch main

第四步：部署#

1
wrangler pages deploy dist --project-name my-site --branch main

看到 ✨ Deployment complete! 就成功了，会给你一个 https://my-site.pages.dev 的地址，直接访问。

注意：--branch main 要带上，否则会部署到 Preview 环境，主域名打不开。

第五步：绑定自定义域名#

1. 进入 Cloudflare 控制台 → Workers 和 Pages → 你的项目
2. 点「自定义域」→ 添加你的域名
3. 按提示把域名 NS 指到 Cloudflare（或 CNAME 验证）

绑定成功后，你的域名和 pages.dev 地址都可以访问。

几个实用建议#

1. 先本地预览再部署：部署前用 npm run preview 之类命令本地跑一遍，避免把坏页面发上去
2. 记得提交 sitemap：部署完成后去必应站长工具提交 https://你的域名/sitemap-index.xml，让搜索引擎收录
3. 用 IndexNow 加速收录：发布新内容后通过 IndexNow API 通知必应，几小时内就能被抓取

本站就是用这套流程部署的，从零到上线花了不到半小时。如果你有自己的域名，绑定之后网站会显得更专业。