662 字
3 分钟
自建Fuwari静态站点
2026-02-26

花了两三天,怎么说差不多搞了个大概。也把之前wordpress上的内容大多搬运过来了。
其实跟着教程走很快,所以下面是本站参考并借鉴过的项目/文章:
(感谢各位大佬🙏🙏🙏)


一、站点搭建#

1.本站使用 Astro & Fuwari 构建:#

saicaca
/
fuwari
Waiting for api.github.com...
00K
0K
0K
Waiting...

参考文章: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(黑曜石)

obsidianmd
/
obsidian-releases
Waiting for api.github.com...
00K
0K
0K
Waiting...

方便起见,直接把Obsidian仓库目录设在跟你的fuwari项目同目录下,
然后配置图片链接,md文件中不能直接内嵌图片,需要手动设置每个图片的链接。
为了已经习惯了 Ctrl+CV 的我们写文章更加丝滑,需要在Obsidian中更改默认附件存储地址:
设置 -> 文件与链接 修改两条:

附件默认存放路径->指定的附件文件夹
附件文件夹路径->public/assets/images

关闭使用Wiki链接

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

(Obisidian v1.12.0 起原生支持自动删除附件)

于是你又可能发现 RSS 订阅中的图片无法正常显示,于是聪明的你打开了这篇文章:Fuwari RSS 图片路径修复指北 - Wer Blog
(懒得看的话可以像我一样丢给AI)

然后应该就能在你的 RSS 阅读器里看到所有图片了: