读书可视化系统

核心理念

每本书的内容结构决定它的可视化方式。通过 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论证链图 + 论点论据卡片论述类

相关笔记

此文件夹下有0条笔记。