Excalidraw 让你随心所欲地画流程图、草图、脑图,甚至创建一整块视觉知识面板。

今天咱们来唠唠一个能把 Obsidian 画成“草图乐园”的神器插件——Excalidraw。你要说 Obsidian 写笔记已经够好用了,干嘛还得上个画图插件?鬼哥拍着键盘告诉你:不是为了画得“美”,而是为了把你脑子里的复杂结构“看得清”

这玩意儿就是 Obsidian 世界的“白板 脑图 可视化数据分析中心”,它不是简简单单地画几根线条而已,它是你大脑思维的延伸器官,是真正让 Obsidian 从文本工具进阶到“视觉笔记系统”的关键一步!

而且 Excalidraw 并不只是“画画”这么简单,它是高度集成的 Obsidian 插件,支持你把 Markdown 文本、链接、引用、甚至网页和 PDF 文件都拖进来组成一个混合型的视觉工作区。你可以理解为“把整个知识库用图形方式立体地表现出来”,有点像思维导图,但比它自由多了。咱们以后可以直接点一张图,看到图上的图形就是一个链接,点进去跳转到对应的笔记段落——别说,这种感觉真是顶级爽。

那么废话不多说,今天鬼哥就给大家带来一篇手把手的完整 Excalidraw 插件教程,从背景介绍到下载安装、再到使用技巧、进阶玩法,全部覆盖,保你从小白变大神!

插件介绍:为什么你需要 Excalidraw?

在 Obsidian 这个“全能笔记宇宙”中,Excalidraw 提供了一个无比灵活的可视化平台,让你能随心所欲地画流程图、草图、脑图,甚至创建一整块视觉知识面板。它不仅支持各种图形绘制,还支持 Markdown 嵌入、双链跳转、块引用、LaTeX 公式、脚本自动化、图片拖拽、网页嵌入等各种黑科技操作。

鬼哥用它做过:

  • 一整本书的章节结构图
  • 项目需求图 关联笔记双链
  • 技术分享 PPT(直接用 Markdown 图)
  • 阅读笔记脑图化整理
  • 多篇文章引用结构可视化

甚至还可以用它配合自动化脚本工具来“批量生成图形”,你没听错,这是个图形 脚本混搭的插件。

说到这儿,你是不是已经有点小心动?别急,咱们一步步来。

下载与安装

好,先教你怎么装。就像泡面得先烧水,工具也得先装好。

步骤一:打开插件市场

打开 Obsidian 设置 > 插件 > 第三方插件 > 浏览

步骤二:搜索 Excalidraw

别打错哈,就叫 Excalidraw。点进去,点击“安装”。

步骤三:启用插件

装好之后别忘了点“启用”,这一步太多人漏了,结果问鬼哥“怎么没反应”。

离线安装
如果你无法在线安装插件,别担心,我已经把热门插件下载好了
点击下方公众号,回复关键字:Obsidian,获取Obsidian资料合集。

基础用法

打开左侧导航栏,你会看到一个 Excalidraw 的图标,点击它,新建一个绘图页面(文件扩展名为 .excalidraw.md)。它和普通 Markdown 文件一样保存到 Vault 中,你想存哪儿都行。

1. 基本图形绘制

  • 支持矩形、圆形、箭头、自由曲线、手绘模式
  • 支持文本输入、连线、组合图形、颜色选择

是不是已经感觉像个小型的 PowerPoint?别急,还有更狠的。

2. 交互性满满的嵌入体验

  • Markdown 嵌入:支持 ![[file.md]] 的形式插入 Obsidian 其他笔记
  • 双链跳转:直接点击图中的元素跳转到对应笔记或段落
  • 链接 快速预览:按住 CMD 或 CTRL 悬停在链接上可预览内容

3. 拖拽操作超爽

  • 拖文字、拖文件、拖图片、拖网页链接、拖 YouTube 视频
  • 拖进来直接变链接,拖图片自动嵌入

这不就是 Obsidian 的“自由拼贴版 Notion”吗?

插件设置区分模块丰富:

  • 显示设置:可以设定左手模式、缩放方式、主题等
  • 文件命名:新建文件的命名逻辑支持自定义
  • 保存设置:支持自动保存、压缩、导出 PNG/SVG 等
  • 导出设置:可以设置是否导出透明背景、是否跟随主题模式导出黑白图
  • 脚本库支持:有脚本自动化库,支持自定义图形生成
  • 实验功能:自定义图标、OCR文字识别、自定义 TAG 标记绘图文件(我真用上了这个)

鬼哥推荐几个必开设置:

  • ✅ 自动导出 PNG,方便笔记里嵌入图
  • ✅ 开启「Decompress Excalidraw JSON in Markdown View」,可以让你手动改 JSON
  • ✅ 左手模式(如果你是左撇子)
  • ✅ 插件内设置默认字体、颜色、线宽,提升画图效率

你以为就这样?No no no,Excalidraw 的狠活儿还在后头:

1. 分组引用(BlockRef Group)

比如你画了一组流程图,想在另一个笔记中引用某一小组图形,可以用 [[file#^group=elementId]] 来做到。

2. 区域引用(Area)

配合 [[file#area=Section heading]],能实现只嵌入某一块区域的视图。比如只展示某个子流程,不干扰整体结构。

3. 自动脚本生成图形

用脚本生成图形,比如一键生成状态流程图、自动布局、批量生成节点,适合程序员或者有代码基础的用户。

鬼哥私藏一个用途:自动将笔记大纲生成成树状图,效率直接起飞。

模板系统 自定义配色

还记得 Obsidian 里笔记模板吧?Excalidraw 也支持!

可以预设画笔颜色、线宽、字体、透明度,甚至整个配色方案都能自定义。通过切换 Markdown 视图,修改 AppState 中的 JSON 就可以了。颜色支持标准 HTML 色值,比如 #FF0000

我个人觉得 Excalidraw 不是“加分项”,而是 Obsidian 的“必装插件之一”

所以,别犹豫了,试试看 Excalidraw 吧,一旦你上手,可能你会像鬼哥一样,想给每篇笔记都画张图。

就一句话:文本写给别人看,图是画给自己懂的。