读书可视化系统
核心理念
每本书的内容结构决定它的可视化方式。通过 Obsidian 笔记 → 按书类型匹配展示模板 → 生成独立展示页,最终汇聚成统一书架站点。
架构总览
Obsidian Vault (笔记) → Hermes Pipeline → 静态站点 (Astro + D3.js)
- 输入:
/mnt/e/obsidian/daily/Hermes/_inputs/books/{slug}.md - 输出:Astro 静态站点,部署到 Vercel/Cloudflare Pages
- 站点源文件:
~/reading-garden/
决策记录
2026-06-05
笔记格式:每本书一篇 Markdown + YAML frontmatter,含 type 字段决定展示模板。
展示自适应:7 种书类型各有独立模板组件,内容结构驱动可视化组装。
自动化程度:半自动 — 我根据笔记生成初稿页面,用户可在可视化层面调整后确认。
站点形态:书架首页(Phase 1)→ 后续加入全局知识图谱(Phase 2)。
技术栈:Astro + D3.js + Tailwind CSS,部署到 Vercel/Cloudflare Pages。
书类型与展示模板
| 类型 | 展示组件 | 典型书 |
|---|---|---|
theory | 知识图谱 + 概念卡片 + 关系网 | 哲学/方法论 |
history | 时间线 + 地图轨迹 + 时间轴 | 《人类简史》 |
tech | 概念矩阵 + 代码示例 + 技术树 | 编程书 |
biography | 人物关系网 + 时间线 + 地点轨迹 | 人物传记 |
literature | 角色关系图 + 叙事弧线 + 章节流 | 小说 |
psychology | 实验卡片 + 偏误索引 + 概念网 | 《思考快与慢》 |
argument | 论证链图 + 论点论据卡片 | 论述类 |