小黑的宝藏 — 博客搭建记录

为什么选 Firefly#

选主题时考虑了几个因素：

1. 好看 — 第一印象很重要，Firefly 的设计清新简洁
2. 技术栈现代 — 基于 Astro 7 + Svelte 5 + Tailwind CSS 4
3. 功能丰富 — 支持微动态、相册、书签导航、评论系统等
4. 高度可定制 — 25+ 个配置模块，几乎每个细节都能调

对比了几个主流方案：

• Hugo — 快但模板语言学习成本高
• Hexo — 生态成熟但主题偏旧
• NotionNext — 好看但不够灵活
• Firefly — 现代技术栈 + 好看 + 功能全 → 就它了

技术架构#

1
Astro 7 (框架)
2
├── Svelte 5 (交互组件)
3
├── Tailwind CSS 4 (样式)
4
├── Markdown/MDX (内容)
5
└── Vercel (部署)

• 内容管理: Obsidian (Vault = 项目根目录)
• 版本控制: Git + GitHub
• 部署: Vercel (git push 自动部署)
• 域名: www.blackboytreasure.cn

搭建过程#

1
git clone https://github.com/CuteLeaf/Firefly.git
2
cd Firefly
3
pnpm install

1
pnpm add @astrojs/vercel

1
import vercel from '@astrojs/vercel/static';
2
export default defineConfig({
3
  adapter: vercel(),
4
});

使用体验#

Firefly 的配置系统做得很好，几乎不需要改代码就能定制大部分功能。Obsidian 集成也很方便，写文章就像写笔记一样自然。

目前博客支持的功能：

• 博客文章（Markdown/MDX）
• 微动态
• 相册
• 书签导航
• 旅行地图
• 分类/标签/归档
• 搜索（PageFind）

后续可能会开启评论系统和友链页面。

致谢#

• Firefly — 博客主题模板
• Astro — 站点框架
• Vercel — 部署平台

这篇既是博客的第一篇文章，也是搭建过程的记录。希望这个博客能一直更新下去。