claude-obsidian结合Obsidian Canvas:5步构建可视化知识地图的完整指南
【免费下载链接】claude-obsidianSelf-organizing AI second brain for Obsidian + Claude Code. Drop any source and Claude reads, links, and files it into one connected knowledge graph of plain Markdown you own. AI note-taking, personal knowledge management (PKM), and an open-source Notion alternative. Based on Karpathy's LLM Wiki pattern.项目地址: https://gitcode.com/GitHub_Trending/cl/claude-obsidian
claude-obsidian是一款开源的「AI 第二大脑」工具,为 Obsidian 与 Claude Code 打造:你只需丢入任意资料,Claude 就会阅读、建立双链并归档,最终形成一张由纯 Markdown 组成的、完全属于你的知识图谱。本文将以新手视角,带你把 claude-obsidian 与 Obsidian Canvas(画布)结合起来,把散落的笔记变成一张一眼就能看懂全貌的可视化知识地图🗺️。
为什么你的笔记需要一张可视化知识地图?
笔记用多了,最容易出现的困境是:文件越来越多,但整体结构越来越模糊——你知道自己"存过很多",却说不清它们之间有什么关系。
claude-obsidian 的解决思路是一条可重复的循环:保留来源 → 落地论据 → 连接知识 → 复用知识库。它把捕获的素材变成互相链接的页面,并原生支持两类"看全貌"的方式:
| 视图 | 特点 | 适合场景 |
|---|---|---|
| Graph View(关系图) | 自动根据双链布局,无需手动整理 | 快速体检整个库的连通情况 |
| Canvas(画布) | 手动摆卡片、分区、连线,结构由你定义 | 呈现主题地图、汇报用视觉总览 |
本文的终点就是第二种:用 Canvas 技能(skills/canvas/SKILL.md)生成一张结构清晰的知识地图。
先看成品:知识地图长什么样?
上面这张图就是一张典型的 Canvas 知识地图:中央是主题卡片,周围按SOURCES(来源)、ENTITIES(实体)、NAVIGATION(导航)等分区摆放文件卡片,卡片之间用带标签的箭头(如index、Hot Cache)标出关系。分区、连线全部来自真实的库内笔记,而不是手绘装饰。
而关系图视图则无需任何手动布局:所有被链接的笔记自动聚成星状集群,大节点就是被引用最多的核心页面。Canvas 负责"策展",Graph View 负责"体检",两者搭配使用效果最好。
第一步:准备 claude-obsidian 与你的知识库
开始画地图前,先确认两块拼图就位:
产品包:克隆 claude-obsidian 仓库(技能、核心脚本与模板都在这里):
git clone https://gitcode.com/GitHub_Trending/cl/claude-obsidian用户知识库:一个独立于代码的 Obsidian 库(不要用插件缓存当库)。
环境要求很简单:Python 3.11+ 和 Obsidian。初始化库有两条路径,完整步骤见官方安装指南 docs/install-guide.md:
- 全新库:
init命令按模板(templates/vault/)生成inbox/、wiki/、索引与日志文件; - 已有 Obsidian 库:用无损的
adopt工作流"接管"它。
所有会写文件的命令都先预览、后应用:你会先看到一份 JSON 操作计划和它的哈希值,确认无误后才真正落盘。新手可以放心执行。
之后把任意素材放进inbox/,调用/claude-obsidian:wiki-ingest,Claude 就会生成带出处的链接页面——这些页面就是 Canvas 上卡片内容的来源。
第二步:用 canvas 技能创建第一张画布
打开 Claude Code 后,直接说"create a canvas"或调用/claude-obsidian:canvas。这个技能(skills/canvas/SKILL.md)会把画布当作库范围内的 JSON Canvas 文档来管理:
- 画布统一存放在
wiki/canvases/目录下,默认主画布为wiki/canvases/main.canvas; - 只引用库内已存在的文件,拒绝绝对路径和
..越界; - 支持四种节点(规格细节见 skills/canvas/references/canvas-spec.md):
| 节点类型 | 作用 | 典型用途 |
|---|---|---|
text | 渲染 Markdown 卡片 | 主题说明、方向导引卡 |
file | 内联展示库内笔记/图片/PDF | 笔记预览卡(支持定位到#标题) |
group | 带标签的彩色分区框 | 划分"来源""实体""导航"等区域 |
link | 网页 URL 预览卡 | 收藏参考资料入口 |
节点之间用edges(连线)连接,可以带箭头和文字标签,表达"索引指向实体""来源支撑概念"这类有方向的关系。
第三步:布局技巧——分区、配色与间距
一张好看的地图 = 清晰的分区 + 克制的配色。canvas 技能内置了一套实用约定:
- 分区(group):它是视觉容器而非"父级",把同类卡片摆进同一个带标签的矩形区域即可;
- 配色系统:6 色标准调色板(红=归档/警告、橙=进行中、黄=草稿、绿=内容来源、蓝=导航信息、紫=标题身份),语义一目了然 🎨;
- 间距规则:分区内边距 20 像素、卡片间距 40 像素,一行摆不下时自动换行,避免卡片互相重叠;
- 图片尺寸:技能会根据图片实际宽高比(16:9、4:3、1:1 等)自动换算合适的卡片尺寸,不会出现拉伸变形的插图。
也就是说,你只需用自然语言描述"把来源区放左边、实体区放右边、用箭头标出索引关系",布局细节由技能按规范自动完成。
第四步:安全写入——先预览,后应用
这是 claude-obsidian 让人安心的设计:画布的所有修改都走可恢复事务(流程见 skills/wiki/references/operation-transactions.md):
- 读取整张画布并记录每个文件的指纹;
- 把新增/修改的节点与连线合并成一个操作包;
- 你用
transaction inspect检视操作包(纯只读,不改动任何文件); - 核对无误后再
transaction apply一次性应用,最后报告操作 ID 与精确的变更路径。
查询画布状态、统计节点数量、列出断链卡片等只读操作,同样不会产生任何写入。中途出错也可以随时回滚到之前的状态。
地图建好后,建议定期运行/claude-obsidian:wiki-lint体检知识库(skills/wiki-lint/SKILL.md),它会报告断链、孤儿页面和失效的索引——画布上引用的文件卡片,也会一并检查目标是否存在。
常见问题(FAQ)
Q:不用 Canvas 还能用 claude-obsidian 吗?可以。产物全部是普通 Markdown,Graph View、文件夹导航、全文搜索照常工作,Canvas 只是可选的"可视化层"。
Q:我的知识会被锁定在插件里吗?不会。整个库就是一个普通的目录(Markdown + JSON + 源文件),卸载插件后笔记、来源和画布文件都完整保留在你手里。
Q:支持哪些 Agent 宿主?除了 Claude Code 插件形式,还可通过 docs/install-guide.md 中的多宿主脚本接入 Codex、OpenCode、Gemini、Cursor 等,技能以标准 Agent Skills 格式提供。
快速上手资源清单
- 安装与库初始化:docs/install-guide.md
- canvas 技能定义:skills/canvas/SKILL.md
- JSON Canvas 节点与连线规格:skills/canvas/references/canvas-spec.md
- 知识库编排与任务路由:skills/wiki/SKILL.md
- 知识库架构说明:docs/compound-vault-guide.md
- 分类方法论(LYT / PARA / Zettelkasten):docs/methodology-modes-guide.md
从第一张画布开始,你的知识不再是一堆文件,而是一张越用越清晰的地图 🧭。
【免费下载链接】claude-obsidianSelf-organizing AI second brain for Obsidian + Claude Code. Drop any source and Claude reads, links, and files it into one connected knowledge graph of plain Markdown you own. AI note-taking, personal knowledge management (PKM), and an open-source Notion alternative. Based on Karpathy's LLM Wiki pattern.项目地址: https://gitcode.com/GitHub_Trending/cl/claude-obsidian
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考