268 字
1 分钟
Astro + Fuwari 博客搭建指南
Astro + Fuwari 博客搭建指南
本文记录使用 Astro + Fuwari 主题搭建个人博客的过程。
前置条件
- Node.js 18+
- pnpm(推荐)
开始搭建
1. 创建项目
pnpm create astro@latest选择使用模板或从空白项目开始。
2. 安装 Fuwari 主题
将 Fuwari 仓库克隆下来,或者直接使用其模板:
git clone https://github.com/saicaca/fuwari.gitcd fuwaripnpm installpnpm dev3. 修改配置
编辑 src/config.ts:
export const siteConfig: SiteConfig = { title: "我的博客", subtitle: "记录技术 & 生活", lang: "zh-CN", // ...更多配置};4. 创建第一篇文章
pnpm new-post hello-world这会在 src/content/posts/hello-world/ 下生成模板文件。
部署
Fuwari 支持多种部署方式:
| 平台 | 特点 |
|---|---|
| Cloudflare Pages | 全球 CDN,免费额度充足 |
| Vercel | 一键部署,集成方便 |
| GitHub Pages | 完全免费,适合开源项目 |
| Netlify | 拖拽部署,简单直观 |
小结
Astro + Fuwari 的组合非常适合个人博客:
- ✅ 零 JavaScript 运行时开销
- ✅ 出色的性能和 Lighthouse 分数
- ✅ 丰富的 Markdown 拓展
- ✅ 优雅的暗色模式
希望这篇指南对你有帮助!🎉
Astro + Fuwari 博客搭建指南
https://blog.acat520.com/posts/astro-fuwari-guide/
评论加载中...