【项目踩坑记录】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 整理
相关推荐
网络研究院11 天前
Cloudflare 推出 Precursor 行为监测系统,全会话追踪技术引爆 AI 机器人防御战与隐私新争议
网络·人工智能·机器人·系统·cloudflare·反爬虫
shakingWaves1 个月前
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
Linux运维技术栈4 个月前
Cloudflare 新版安全仪表板 Bot Fight Mode 403 拦截 调URL接口cf-mitigated: challenge报错解决方案
安全·域名·cloudflare
lpfasd1234 个月前
基于Cloudflare生态的应用部署与开发全解
人工智能·agent·cloudflare
怪我冷i4 个月前
Rust错误处理之unwrap
rust·cloudflare·unwrap
代码搬运媛5 个月前
Cloudflare Pages 部署失败复盘总结
cloudflare
炸裂狸花猫6 个月前
开源域名代理与流量限制方案 - Cloudflare + Ingress + 自签名证书
运维·云原生·容器·kubernetes·cloudflare·waf·免费域名证书