662 字
3 分钟
自建Fuwari静态站点
花了两三天,怎么说差不多搞了个大概。也把之前wordpress上的内容大多搬运过来了。
其实跟着教程走很快,所以下面是本站参考并借鉴过的项目/文章:
(感谢各位大佬🙏🙏🙏)
一、站点搭建
1.本站使用 Astro & Fuwari 构建:
Waiting for api.github.com...
参考文章:Fuwari静态博客搭建教程
2.评论系统:Twikoo
参考文章:给你的 Fuwari 接入 Twikoo 评论
demo:翻到页面最下面
3.运行时间
参考文章:如何在Fuwari页脚添加ICP、运行时间等信息
demo:翻到页面最最下面
4.Mermaid 图表
参考文章:为你的 Fuwari 集成 Mermaid 图表支持
demo:
pie title 月度支出分布 "餐饮" : 35 "交通" : 15 "娱乐" : 20 "学习" : 20 "其他" : 10
mindmap root((周末计划)) 工作 写周报 回复邮件 生活 健身房 超市购物 娱乐 看电影 朋友聚会 学习 阅读 1 小时 练习英语
xychart-beta title "2025 下半年月度数据对比" x-axis ["7月", "8月", "9月", "10月", "11月", "12月"] y-axis "数值" 0 --> 100 bar [45, 60, 55, 70, 65, 80] line [30, 40, 50, 55, 70, 85]
flowchart LR A[开始] --> B{是否完成?} B -->|是| C[✅ 结束] B -->|否| D[🔄 继续执行] D --> B
(qwen瞎编的)
5.密码保护
参考文章 & demo:给Fuwari博客添加密码保护功能(test123) 基于 Astro&Fuwari 主题博客的页面加密功能研究 | 时歌的博客
6.友链
参考文章:Fuwari 博客添加友链页面详细教程 - 翊羽不会飞
demo:友链 - Yuer6327
二、写文章
7.MD编辑器+配置
推荐 Obsidian(黑曜石)
Waiting for api.github.com...
方便起见,直接把Obsidian仓库目录设在跟你的fuwari项目同目录下,
然后配置图片链接,md文件中不能直接内嵌图片,需要手动设置每个图片的链接。
为了已经习惯了 Ctrl+CV 的我们写文章更加丝滑,需要在Obsidian中更改默认附件存储地址:
设置 -> 文件与链接 修改两条:
| 附件默认存放路径 | -> | 指定的附件文件夹 |
|---|---|---|
| 附件文件夹路径 | -> | public/assets/images |
关闭使用Wiki链接:

于是你在写文章的时候就可以像word一样丝滑啦~
附示例文件架构如图:

(Obisidian v1.12.0 起原生支持自动删除附件)
于是你又可能发现 RSS 订阅中的图片无法正常显示,于是聪明的你打开了这篇文章:Fuwari RSS 图片路径修复指北 - Wer Blog
(懒得看的话可以像我一样丢给AI)
然后应该就能在你的 RSS 阅读器里看到所有图片了:
