Astro + Fuwari 静态博客部署记录
349 字
2 分钟
Astro + Fuwari 静态博客部署记录
🏗️ 技术栈
| 层 | 技术 |
|---|---|
| 框架 | Astro |
| 主题 | Fuwari |
| 部署 | Vercel |
| 域名 | blog.20001114.xyz（Cloudflare DNS） |
| 仓库 | github.com/SageRover/my-fuwari-blog |
📋 部署步骤
1️⃣ 项目初始化
- 通过 Fuwari 的 GitHub Template 生成自己的仓库
- 或
git clone后推送到新建空仓库
2️⃣ Vercel 部署
- 从 GitHub 仓库导入，Vercel 自动识别 Astro 项目
- 部署成功获得
*.vercel.app临时域名，点击访问测试
3️⃣ 自定义域名配置
- Vercel 项目设置 → Domains → 添加自定义域名
- Cloudflare 配置 DNS 解析（CNAME 指向
cname.vercel-dns.com或 A 记录）
4️⃣ 本地开发
git clone <你的仓库地址>cd my-fuwari-blogpnpm install- 修改
astro.config.mjs中的site为你的域名 - 添加
.md文章到src/content/posts/目录 - 遵循 Fuwari 的 YAML frontmatter 格式要求
5️⃣ 自动化部署
- 确保 Vercel 的 GitHub App 已安装
- GitHub 仓库关联 Vercel 项目后自动配置 Webhook
- 每次
git push自动触发重新部署
⚠️ 注意事项
- 本地 git 配置的邮箱需与 GitHub 和 Vercel 账户一致
- Markdown 文件需包含正确的 frontmatter（
title、published、tags、category等） - 如果部署后内容未更新，检查 Vercel 构建日志排查
💡 使用体验
Fuwari 设计简洁，加载速度快，内置代码高亮、搜索、标签分类等功能。
Astro 的 Islands 架构按需加载交互组件，默认输出零 JS，页面性能优秀。
Vercel 的自动部署流程省心，push 即上线，配合 GitHub 使用非常流畅。
支持与分享
如果这篇文章对你有帮助，欢迎分享给更多人或赞助支持！
Astro + Fuwari 静态博客部署记录
https://blog2.20001114.xyz/posts/astro-fuwari-deploy/ 相关文章 智能推荐
1
Firefly 一款清新美观的 Astro 博客主题模板
文章示例 Firefly 是一款基于 Astro 框架和 Fuwari 模板开发的清新美观且现代化个人博客主题模板，专为技术爱好者和内容创作者设计。该主题融合了现代 Web 技术栈，提供了丰富的功能模块和高度可定制的界面，让您能够轻松打造出专业且美观的个人博客网站。
2
Firefly 简单使用指南
博客指南 如何使用 Firefly 博客模板。
3
Firefly 布局系统详解
博客指南 深入了解 Firefly 的布局系统，包括侧边栏布局（左侧/双侧）和文章列表布局（列表/网格），以及自适应网格列数。
4
Markdown Mermaid 图表
文章示例 一个包含 Mermaid 的 Markdown 博客文章简单示例。
5
微信 + cc-connect + CC-Switch 连接 Claude Code 完整教程
技术博客 在微信上随时随地指挥 AI 编程助手 — Claude Code 桥接微信的全流程指南。
随机文章 随机推荐
欢迎来到我的博客！这是一则示例公告。
音乐
暂未播放
0:00 0:00
16
5
35
36,403
0 天
0 天前