【项目踩坑记录】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 整理
相关推荐
Maynor99615 小时前
两个人、一支话筒、一间橙色录音棚:Hotel Lobby AI(LobbyDuo)双人视频生成器分享
短视频·cloudflare·stripe·ai视频生成·seedance·双人视频
JackSparrow4149 天前
和AI一起将全部CSDN博文迁移到个人博客站
人工智能·程序人生·ai·github·cloudflare·astro·静态博客
老王生涯15 天前
针对cloudflare防护的爬虫策略——CDP
爬虫·cloudflare·cdp·反爬
boke112百科1 个月前
怎么将Cloudflare Pages子域名301跳转到自定义域名?
运维·cloudflare·静态网站·301重定向
ymwlchina1 个月前
phpStudy 如何部署符号象客户关系管理系统(ThinkPHP 8)记录
crm·thinkphp·phpstudy·网站部署·小皮面板·客户关系管理系统
請你喝杯Java1 个月前
网站部署平台怎么选:Vercel、Cloudflare、ChatGPT Sites 的区别、费用与国内访问
chatgpt·cloudflare·vercel
菜鸡66661 个月前
绕过cf验证,部署 FlareSolverr 服务使用request处理
python·cloudflare
Lsetea1 个月前
Cloudflare报526 Invalid SSL certificate:源站证书与Nginx回源TLS排查
nginx·https·ssl证书·cloudflare·tls
AbelTomato1 个月前
博客评论系统搭建回顾
javascript·typescript·cloudflare·supabase·hyperdrive
零号栈帧1 个月前
Codex 手机控制台——AgentDeck
windows·cloudflare·codex·pwa·ai agent