← 返回首页

把博客部署到 Cloudflare Pages

#部署#Cloudflare#建站

静态博客写好了,下一步是让它真正上线。这里用 Cloudflare Pages:免费、自动 HTTPS、和自定义域名配合最好。

1. 构建

npm install
npm run build

产物在 dist/ 目录。

2. 用 Wrangler 部署(无需 GitHub)

npx wrangler pages deploy dist --project-name=woaimaomao-blog

首次会引导你登录 Cloudflare 账号。成功后你会得到一个 *.pages.dev 临时域名。

3. 绑定自定义域名

在 Cloudflare Pages 控制台 → 你的项目 → Custom domains → 添加 woaimaomao.dpdns.org。

Cloudflare 会提示你添加一条 CNAME 记录:

类型名称目标
CNAMEwoaimaomao<你的项目>.pages.dev

4. 在 dpdns 控制台添加解析

登录 DigitalPlat / dpdns 控制台,为 woaimaomao.dpdns.org 添加上面的 CNAME 记录。Cloudflare 的 Universal SSL 会自动为自定义域名签发证书,几分钟即可通过 HTTPS 访问。

搞定,博客就正式上线了。🌐