想把自己的个人工具箱部署到云端,方便平常使用。
一开始被推荐用 Vercel,不过账号登录出了点问题暂时没法用,找了一圈尝试 Cloudflare Pages,结果踩了雷。
遂记录一下。
注意前提! 我的代码都在 GitHub 仓库里,所以我只需要让平台直接访问我的仓库代码。
1. 如何部署
记录一下 Cloudflare 的部署过程。其实部署还挺简单的,就是有一些坑容易踩到。
注册一个 Cloudflare 账号
- 新注册的账号可以在首页找到 创建应用程序 Create app。

这里需要注意!
- 如果直接点上面的 "Connect GitHub" (我重新截图就变成 "Continue with GitHub")创建的是 Cloudflare Workers,如果点最下面的 开始使用 创建的是 Cloudflare Pages。
- 我一开始不知道区别,选了上面的 Cloudflare Workers。如果你只是前端的静态网页,就选择下面的 开始使用。

GitHub 授权,想要部署哪个仓库,就授权那一个。


点击 部署 就算完成了,然后只需等待一小会儿。
2. 开启网址访问
这里有一个坑! 网址访问默认是关闭的,需要自己手动开启访问网址。
- 在左边 Computer > Workers & Pages > Domains 里开启。

3. 修改域名
这个域名修改还挺难找的。
- 在左边 Computer > Workers & Pages > Setting > 常规问题 里修改。


修改域名的过程中,我发现一个问题 !
因为我选的是 Cloudflare Workers,域名里存在很难看的账号名,暂时找不到修改方法。如果不想要那个难看的账号名,就只能用 Cloudflare Pages。
询问了 Kimi,得到如下区别。再加上我的工具箱要添加后端了,Cloudflare 好像有点不够用。
Cloudflare Pages 和 Cloudflare Workers 的区别是?
| Cloudflare Pages | Cloudflare Workers | |
|---|---|---|
| 定位 | 静态网站托管 + 前端框架 | 边缘计算 / 轻量级后端服务 |
| 域名格式 | <项目名>.pages.dev ✅ 不暴露账号 |
<项目名>.<账号>.workers.dev ❌ 暴露账号 |
| GitHub 自动部署 | ✅ 原生支持 | ⚠️ 需要额外配置 Wrangler CLI |
| 静态文件托管 | ✅ 专为静态优化 | ✅ 支持,但不是主业 |
| 后端/数据库/API | ⚠️ 有限支持(Pages Functions) | ✅ 原生支持,更灵活 |
| 免费额度 | generous | generous |