268 字
1 分钟
Astro + Fuwari 博客搭建指南

Astro + Fuwari 博客搭建指南#

本文记录使用 Astro + Fuwari 主题搭建个人博客的过程。

前置条件#

  • Node.js 18+
  • pnpm(推荐)

开始搭建#

1. 创建项目#

Terminal window
pnpm create astro@latest

选择使用模板或从空白项目开始。

2. 安装 Fuwari 主题#

将 Fuwari 仓库克隆下来,或者直接使用其模板:

Terminal window
git clone https://github.com/saicaca/fuwari.git
cd fuwari
pnpm install
pnpm dev

3. 修改配置#

编辑 src/config.ts

export const siteConfig: SiteConfig = {
title: "我的博客",
subtitle: "记录技术 & 生活",
lang: "zh-CN",
// ...更多配置
};

4. 创建第一篇文章#

Terminal window
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/
作者
喵喵Acat
发布于
2026-07-07
许可协议
CC BY-NC-SA 4.0
评论加载中...