在 Obsidian 的 Markdown 编辑器中直接双击 SVG,即可使用内置 draw.io 或 tldraw 编辑器编辑图表。项目数据会嵌入 SVG metadata,导出的 SVG 仍可直接在 Markdown 中显示。
语言:简体中文 | English
BetterDiagram 暂未上架 Obsidian 社区插件市场,可从 GitHub Release 或 BRAT 安装。
- 安装 BRAT。
- 从命令面板执行 BRAT: Add a beta plugin for testing。
- 输入
qiudeng7/BetterDiagrams。 - 在 设置 → 第三方插件 启用 BetterDiagram。
- 打开最新 Release。
- 下载
main.js、manifest.json、styles.css。 - 将它们放入 Vault 的
.obsidian/plugins/better-diagram/。 - 重启 Obsidian 后启用 BetterDiagram。
- 在 Markdown 笔记运行 Insert a new Drawio diagram 或 Insert a new tldraw diagram。
- 编辑并保存图表,之后可随时双击 SVG 重新打开。
- 执行 Update BetterDiagram 安装最新 Release 并重载 Obsidian。
draw.io 编辑器从官方在线服务加载,编辑时需要网络;tldraw 已随插件打包,可离线使用。两者生成的 SVG 与嵌入项目数据都保存在本地 Vault。
设置页支持简体中文与 English 切换。开发命令和本地测试 Vault 流程见开发流程。