ShowWhen

我的博客为什么换成静态的

2026-09-26T03:00:00.000Z

之前试过全栈方案：Next.js 前端 + FastAPI 后端 + PostgreSQL 数据库，功能很全，但代价也很清楚——一台 24 小时开着的服务器、一个要定期备份的数据库、还有每月固定的开销。

而我真正的需求其实只有两件事：写文章、发说说。

需求	解法
评论	Giscus：评论存在 GitHub Discussions，免费无服务器
站内搜索	构建时生成索引，浏览器端匹配
说说	一个 JSON 数据文件 + 一段渲染脚本
音乐	纯前端播放器 + mp3 放仓库里
高颜值	主题 + CSS 本来就全是前端的事

把内容迁移稳定后，考虑给照片加个图床，再写几篇真正的技术长文。

如果你也在纠结要不要上服务器，我的建议是：先静态。真遇到静态做不了的需求，再迁移也不迟——文章都是 Markdown，走到哪都不丢。

2026-09-26T01:00:00.000Z

这是一篇示例文章，用来占位和演示格式。你可以直接删掉它，或者改成自己的第一篇正式文章。

本站基于 Hexo + Butterfly 主题，毛玻璃卡片、暗色模式、看板娘都已就位。发新文章一条命令：

1	npx hexo new "文章标题"

具体写法见另一篇《Markdown 写作快速上手》。祝写作愉快 ✨

2026-09-25T12:00:00.000Z

新文章就是一条命令的事：

1	npx hexo new "文章标题"

然后在 source/_posts/文章标题.md 里写作。头部信息区（front-matter）长这样：

---
title: 文章标题
date: 2026-09-25 20:00:00
tags:
  - 标签一
categories:
  - 分类名
cover: /img/cover-2.svg
---

两种方式任选：

通用图：放到 source/img/，引用写 /img/xxx.png
随文图：站点已开启资源文件夹（post_asset_folder: true），hexo new 会同步生成同名文件夹，图片丢进去，正文里直接 ![图]({% asset_path %}xxx.png) 引用

打开 source/moments/index.md，在中间那段 JSON 数组的最前面加一条：

1	{ "time": "2026-09-25 21:12", "text": "今天阳光很好。" }

想配图就多加一个字段："img": "/img/xxx.png"。保存、push，完事。