【项目踩坑记录】Cloudflare部署记录与修改二级域名

想把自己的个人工具箱部署到云端,方便平常使用。

一开始被推荐用 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

参考资料

  1. 腾讯云开发者社区 - GitHub + Cloudflare 免费建站攻略
  2. Kimi 整理
相关推荐
AbelTomato3 天前
博客评论系统搭建回顾
javascript·typescript·cloudflare·supabase·hyperdrive
零号栈帧5 天前
Codex 手机控制台——AgentDeck
windows·cloudflare·codex·pwa·ai agent
啾啾Fun8 天前
技术动态日报 · 2026年8月25日
cloudflare·ai-agent·技术日报·豆包工作
FungLeo15 天前
Node 后端实战 · 边缘 Cron 定时任务怎么写?Cloudflare 三个实战任务与踩坑
serverless·边缘计算·定时任务·cloudflare·cron·workers
FungLeo18 天前
Node 后端实战 · Cloudflare Workers 限流总误伤?用内存固定窗口替代 KV 实战
serverless·cloudflare·接口请求限流·限流内存方案·workes
网络研究院1 个月前
Cloudflare 推出 Precursor 行为监测系统,全会话追踪技术引爆 AI 机器人防御战与隐私新争议
网络·人工智能·机器人·系统·cloudflare·反爬虫
shakingWaves2 个月前
better auth worker on cloudflare
typescript·cloudflare·auth·better-auth
樂油3 个月前
Cloudflare Tunnel(原名 Argo Tunnel)= 免费、安全、不用公网 IP 的内网穿透工具
服务器·tcp/ip·安全·cloudflare
AI自动化工坊4 个月前
Cloudflare Project Think技术实践:零成本AI Agent部署架构深度解析
人工智能·架构·agent·cloudflare