https://项目名.pages.dev 的公开链接——免费、全球 CDN 加速、自动 HTTPS,发给任何人都能打开。
Cloudflare Pages 是一个静态网站托管服务:你把 HTML 文件交给它,它帮你挂到网上,全球可访问。可以理解为「免费的网站门面」。
静态托管免费额度对个人完全够用,不限带宽请求量。
内容分发到全球节点,访问者就近取内容。
不用买证书、不用配服务器,部署完就是一个 https 链接。
网页改了重新部署一次,链接不变、内容更新。
| 方案 | 适合场景 | 备注 |
|---|---|---|
| Cloudflare Pages | 对外分享、作品集、报告页 | 免费 + 全球 CDN,国内访问速度一般 |
| GitHub Pages | 和 GitHub 仓库绑定的展示页 | 免费,需仓库 Public,国内访问慢 |
| OA Pages(公司内网) | 只对同事可见的页面 | 内网权限可控,不用注册外部账号 |
部署需要两样东西,只需要配置一次,以后长期有效:
打开 dash.cloudflare.com,用邮箱注册,免费计划即可。
进入 dash.cloudflare.com/profile/api-tokens → Create Token → 选「Edit Cloudflare Workers」模板 → Account Resources 选你的账户 → 创建后立即复制保存(只显示一次)。
Cloudflare 控制台首页右侧边栏就能看到,一串 32 位字母数字。
把 Token 和 Account ID 发给 WorkBuddy,让它配好环境变量。之后每次部署不用再碰这两样东西。
配置完成后,每次上线只要一句话:
https://my-report.pages.dev# AI 实际执行的命令(wrangler 是 Cloudflare 官方 CLI) wrangler pages deploy ./我的网页目录 --project-name=my-report
首次部署会自动创建项目;之后同项目名再部署就是更新。生产地址固定为 https://项目名.pages.dev。
| 问题 | 原因与解决 |
|---|---|
| 部署后打开 404 | 入口文件必须叫 index.html(注意大小写);确认部署的目录里直接放着它。 |
| 页面样式丢失 / 图片不显示 | 多是文件路径问题——CSS、图片要和 HTML 一起放进部署目录,让 AI 检查引用路径。 |
| 更新了但打开还是旧内容 | 浏览器缓存。Ctrl + Shift + R 强制刷新,或开隐身窗口验证。 |
| 国内打开慢 | Cloudflare 国内节点有限,属正常现象。重要场合可以绑定自己的备案域名加速,或改用国内托管。 |
| 想要更好记的网址 | 在 Pages 项目 → Custom domains 里绑定自己的域名(如 report.你的域名.com)。 |
API Token + Account ID,交给 AI 保管,长期有效。
「把这个网页部署到 Cloudflare Pages」,链接即刻生成。
不进公开页面,泄露就吊销换新。