249 字
1 分钟
把 Mizuki 部署到 Cloudflare Pages
这个博客按静态站点方式部署,不需要 Cloudflare Workers、Pages Functions 或 Astro Cloudflare SSR 适配器。
本地确认
先在本地安装依赖并构建:
pnpm installpnpm checkpnpm build构建成功后,静态产物会输出到 dist 目录,搜索索引会由 Pagefind 生成。
GitHub 仓库
把当前项目提交到 GitHub:
git initgit add .git commit -m "Initial Cloudflare Pages Mizuki blog"git branch -M maingit remote add origin https://github.com/your-name/cloudflare-mizuki-blog.gitgit push -u origin main如果你是从模板仓库克隆来的,也可以直接修改远程地址后推送到自己的仓库。
Cloudflare Pages 设置
在 Cloudflare Dashboard 中创建 Pages 项目并连接 GitHub 仓库,构建配置填写:
| 配置项 | 值 |
|---|---|
| Framework preset | Astro |
| Build command | pnpm build |
| Build output directory | dist |
| Production branch | main |
| Node.js version | >=22 |
默认不需要环境变量。未来如果启用评论、统计、内容仓库分离或外部数据同步,再把对应密钥放进 Cloudflare Pages 的 Environment variables。
上线后替换
部署成功后,把 src/config/siteConfig.ts 里的 siteURL 改成你的 *.pages.dev 地址或自定义域名,并重新推送一次。
分享
如果这篇文章对你有帮助,欢迎分享给更多人!
把 Mizuki 部署到 Cloudflare Pages
https://example.pages.dev/posts/cloudflare-pages-mizuki/ 部分信息可能已经过时
相关文章 智能推荐
1
Astro 路由系统详解
博客搭建/Astro 探索 Astro 的文件式路由、动态路由和 API 端点。
2
Astro 组件与 Islands 架构
博客搭建/Astro 理解 Astro Islands 如何让你在静态页面中嵌入交互式组件。
3
Cloudflare KV 存储使用指南
博客搭建/Cloudflare KV 是 Cloudflare 的全球分布式键值存储,适合配置、缓存等场景。
4
Cloudflare Workers 入门
博客搭建/Cloudflare 用 Cloudflare Workers 在边缘运行 JavaScript,延迟低至毫秒级。
5
云边笔记使用指南
博客搭建/Astro 这是一篇中文博客示例,说明如何在 Mizuki 中写文章、放图片、设置分类与标签。






