把博客部署到 Cloudflare Pages
静态博客写好了,下一步是让它真正上线。这里用 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 记录:
| 类型 | 名称 | 目标 |
|---|---|---|
| CNAME | woaimaomao | <你的项目>.pages.dev |
4. 在 dpdns 控制台添加解析
登录 DigitalPlat / dpdns 控制台,为 woaimaomao.dpdns.org 添加上面的 CNAME 记录。Cloudflare 的 Universal SSL 会自动为自定义域名签发证书,几分钟即可通过 HTTPS 访问。
搞定,博客就正式上线了。🌐