文章总结： 本文介绍如何通过ClaudeCode的Skills功能扩展，在Obsidian中创建和编辑Canvas可视化文件。主要内容包括安装配置步骤（创建.claude目录、下载obsidian-skills技能包、重命名为skills、启动ClaudeCode）、验证方法、Canvas插件支持的操作（创建节点、连线、分组等）、JSON文件格式说明、使用示例（思维导图、流程图、知识图谱）及常见问题解答。该方案实现了AI与知识管理工具的深度集成，提升可视化工作效率。 综合评分： 72 文章分类： AI安全,安全工具,产品介绍
Claude的Obsidian Canvas技能介绍
原创
糖果LUA 糖果LUA
AI安全运营
2026年2月9日 17:25 北京
Claude的Obsidian Canvas 技能介绍
Claude Code 是 Anthropic 官方推出的 CLI 工具，支持通过技能（Skills）扩展功能。本教程将教你如何配置 Obsidian Canvas 插件，让 Claude Code 能够在 Obsidian 中创建和编辑 Canvas 文件。
安装教程
步骤 1：创建插件目录
在你的 Obsidian Vault 目录下创建一个 .claude 目录：
# 进入你的 Obsidian Vault 目录cd /path/to/your/obsidian/vault # 创建 .claude 目录mkdir .claude
步骤 2：下载技能包
从 GitHub 仓库下载 obsidian-skills 并解压到 .claude 目录：
# 使用 git clone 下载cd .claude git clone https://github.com/kepano/obsidian-skills # 或者直接下载压缩包并解压# 访问 https://github.com/kepano/obsidian-skills# 下载并解压到 .claude 目录
步骤 3：重命名目录
把下载的目录名改成 skills，最终路径为 .claude/skills：
# 如果使用 git clonemv obsidian-skills skills # 最终目录结构应该是：# .claude/# └── skills/# ├── obsidian-markdown/# ├── obsidian-bases/# └── json-canvas/
步骤 4：启动 Claude Code
在你的 Obsidian Vault 目录下启动 Claude Code：
# 返回 Vault 根目录cd /path/to/your/obsidian/vault # 启动 Claude Code claude
验证安装
启动 Claude Code 后，可以通过以下方式验证 Canvas 插件是否安装成功：
方法 1：查看可用技能
在 Claude Code 中输入：
/help
你应该能看到 json-canvas 或 obsidian:json-canvas 技能已列出。
方法 2：创建测试 Canvas
尝试创建一个简单的 Canvas 文件：
请创建一个测试 Canvas，包含三个节点
如果成功创建了 .canvas 文件，说明插件已正确安装。
Canvas 插件功能
支持的操作
| 功能 | 说明 |
| — | — |
| 创建 Canvas | 创建新的 .canvas 文件 |
| 添加节点 | 添加文本节点、文件节点等 |
| 添加连线 | 连接不同节点 |
| 编辑节点 | 修改节点内容和位置 |
| 添加分组 | 将相关节点分组 |
Canvas 文件格式
Canvas 文件是 JSON 格式，包含 nodes（节点）和 edges（连线）两个主要数组：
{"nodes":[{"id":"node1","type":"text","x":100,"y":100,"width":200,"height":100,"text":"节点内容"}],"edges":[{"id":"edge1","fromNode":"node1","fromSide":"right","toNode":"node2","toSide":"left"}]}
使用示例
示例 1：创建思维导图
请创建一个 Canvas 思维导图，主题是"学习计划"，包含三个子节点：阅读、练习、项目
示例 2：创建流程图
请创建一个开发流程的 Canvas 图，包含需求分析、设计、开发、测试、发布五个阶段
示例 3：创建知识图谱
请创建一个关于 Python 知识的 Canvas 图，包含基础语法、数据结构、面向对象等节点
常见问题
Q: 插件没有生效怎么办？
A: 请检查以下几点：
- 确保 .claude/skills 目录存在
- 确保 Canvas 相关的技能文件在 skills 目录下
- 重启 Claude Code
- 使用 /help 命令查看技能列表
- Q: Canvas 文件在哪里？
#
A: Canvas 文件会保存在你当前工作目录（Obsidian Vault）下，文件扩展名为 .canvas。
Q: 如何在 Obsidian 中打开 Canvas 文件？
A: 直接在 Obsidian 中点击 .canvas 文件即可打开，或者使用命令面板搜索文件名。
Q: 可以编辑已有的 Canvas 文件吗？
A: 可以，告诉 Claude Code “编辑 /path/to/file.canvas” 即可。
技巧与最佳实践
1. 使用模板
可以创建一个 Canvas 模板，然后基于模板快速创建新的 Canvas：
请基于我的模板创建一个新的项目计划 Canvas
2. 链接笔记
Canvas 中的文本节点可以包含 Obsidian 的 wikilinks：
请创建一个 Canvas，其中包含对 [[我的笔记]] 的引用
3. 嵌入其他文件
Canvas 可以嵌入其他类型的文件：
请创建一个 Canvas，嵌入我的 Markdown 笔记
4. 使用颜色标识
可以通过颜色来区分不同类型的节点：
请创建一个 Canvas，用不同颜色表示不同优先级的任务
进阶功能
自定义节点类型
除了文本节点，Canvas 还支持其他类型的节点：
| 节点类型 | 说明 | | — | — | | text | 文本节点 | | file | 文件链接节点 | | group | 分组节点 |
与其他插件集成
Canvas 插件可以与其他 Obsidian 插件配合使用：
-
Dataview
: 动态查询数据并展示
-
Excalidraw
: 结合绘图功能
-
Kanban
: 看板视图集成
总结
Claude Code 的 Obsidian Canvas 插件为你提供了强大的可视化能力，可以帮助你：
- 快速创建思维导图和流程图
- 可视化项目计划和知识结构
- 与其他 Obsidian 功能无缝集成
- 按照本教程的步骤完成安装后，你就可以开始使用 Claude Code 创建和编辑 Canvas 文件了。
相关资源
- Claude Code 官方文档[1]
- Obsidian Canvas 文档[2]
- Obsidian Skills GitHub[3]
- https://docs.anthropic.com/claude-code ↩
- https://help.obsidian.md/Canvas/About+Canvas ↩
- https://github.com/kepano/obsidian-skills ↩
免责声明：
本文所载程序、技术方法仅面向合法合规的安全研究与教学场景，旨在提升网络安全防护能力，具有明确的技术研究属性。
任何单位或个人未经授权，将本文内容用于攻击、破坏等非法用途的，由此引发的全部法律责任、民事赔偿及连带责任，均由行为人独立承担，本站不承担任何连带责任。
本站内容均为技术交流与知识分享目的发布，若存在版权侵权或其他异议，请通过邮件联系处理，具体联系方式可点击页面上方的联系我。
本文转载自：AI安全运营 糖果LUA 糖果LUA《Claude的Obsidian Canvas技能介绍》
版权声明
本站仅做备份收录，仅供研究与教学参考之用。
读者将信息用于其他用途的，全部法律及连带责任由读者自行承担，本站不承担任何责任。
评论