建站

Cloudflare Pages 绑域名,我踩过的三个坑

新站我一般直接用 Cloudflare Pages。免费,带 HTTPS,绑域名不用自己折腾证书。熟练之后十分钟能上线。

先把代码推到 GitHub

纯静态站只要有 index.html 和静态资源,不用框架也行。仓库名随意,默认分支保持 main,后面直接连它。

连仓库,点部署

登录 Cloudflare 控制台,进 Workers & Pages,点 Create,选 Pages,然后 Connect to Git,授权 GitHub 并选中仓库。纯静态站把构建命令留空,输出目录填根目录。保存后会自动部署,几十秒后拿到一个 pages.dev 的域名。

npm run build      # 有构建步骤才填
# 输出目录填 dist

绑域名

在项目的 Custom domains 里点 Set up a custom domain,填你的域名。域名托管在 Cloudflare 时最省事,添加后会自动配 SSL,几分钟生效。

卡住我的三个地方

  • 构建命令没清空。默认带着 npm run build,纯静态站会直接失败,留空就好。
  • 以为域名没生效。其实是本地 DNS 缓存,等一会儿或清一下缓存。
  • 改了资源没变化。多半是 CDN 缓存,刷新一下,或给 assets 单独设缓存。

这套流程不一定最快,但省心。后来开新站我都这么干。

网站有问题?

把网址和问题发我,我有空看看。

发邮件给我

← 返回手记