想把自己的个人工具箱部署到云端方便平常使用。一开始被推荐用 Vercel不过账号登录出了点问题暂时没法用找了一圈尝试 Cloudflare Pages结果踩了雷。遂记录一下。注意前提我的代码都在 GitHub 仓库里所以我只需要让平台直接访问我的仓库代码。这里记录一下 Cloudflare 的部署过程。其实部署还挺简单的就是有一些坑容易踩到。1. 如何部署注册一个Cloudflare 账号新注册的账号可以在首页找到 创建应用程序 Create app。这里需要注意如果直接点上面的 “Connect GitHub” 我重新截图就变成 “Continue with GitHub”创建的是 Cloudflare Workers如果点最下面的 “开始使用” 创建的是 Cloudflare Pages。Cloudflare Workers 和 Cloudflare Pages 的区别见下文。我一开始不知道区别选了上面的 Cloudflare Workers。如果你只是前端的静态网页就选择下面的 开始使用。GitHub 授权想要部署哪个仓库就授权那一个。点击 部署 就算完成了然后只需等待一小会儿。2. 开启网址访问这里有一个坑网址访问默认是关闭的需要自己手动开启访问网址。在左边 Computer Workers Pages Domains 里开启。3. 修改域名这个域名修改还挺难找的。在左边 Computer Workers Pages Setting 常规问题 里修改。修改域名的过程中我发现一个问题因为我选的是 Cloudflare Workers域名里存在很难看的账号名暂时找不到修改方法。如果不想要那个难看的账号名就只能用 Cloudflare Pages。询问了 Kimi得到如下区别。再加上我的工具箱要添加后端了Kimi 告诉我 Cloudflare 好像有点不够用。Cloudflare Pages 和 Cloudflare Workers 的区别是Cloudflare PagesCloudflare Workers定位静态网站托管 前端框架边缘计算 / 轻量级后端服务域名格式项目名.pages.dev✅ 不暴露账号项目名.账号.workers.dev❌ 暴露账号GitHub 自动部署✅ 原生支持⚠️ 需要额外配置 Wrangler CLI静态文件托管✅ 专为静态优化✅ 支持但不是主业后端/数据库/API⚠️ 有限支持Pages Functions✅ 原生支持更灵活免费额度generousgenerous参考资料腾讯云开发者社区 - GitHub Cloudflare 免费建站攻略Kimi 整理