建站
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 单独设缓存。
这套流程不一定最快,但省心。后来开新站我都这么干。