part-5 · 插件生态与扩展

Excalidraw 手绘图表专题:在笔记里信手涂鸦

从创建画布到双向链接,掌握 Excalidraw for Obsidian 的手绘可视化工作流。

文字擅长说理,图形擅长示意。当你想画一张流程图说明三步之间的关系,或涂一张思维导图梳理思路时,Excalidraw 就是你最趁手的画笔。它把开源画板工具 Excalidraw 完整地嵌进了 Obsidian,让你的涂鸦和笔记同住一个仓库、彼此链接。本篇带你从零画到第一张能被笔记引用的图。

Excalidraw 是什么

Excalidraw 是一款以”手绘风格”著称的白板工具——线条带着恰到好处的抖动感,配色朴素温润,画出来的东西不像工程图纸,倒像笔记本上的随手速写。这种”不那么精确”的观感反而降低了表达门槛:你不必追求像素级对齐,只需把想法落到画布上。

Excalidraw for Obsidian(作者 zsviczian)把这套画板能力做成了 Obsidian 插件。它的核心承诺有三条:

  • 本地优先:画板以 .excalidraw.md 文件存在你的仓库里,默认完全离线运行,不上传任何数据。
  • 与笔记互通:画板可以链接到笔记,笔记也可以嵌入画板,形成双向引用。
  • 功能丰富:除基础绘图外,还支持插入图片、PDF、公式、Mermaid 自动布局、AI 辅助、脚本扩展等高阶能力。

创建画布

安装并启用插件后,有几种方式新建画板:

  1. 命令面板:按 Ctrl/Cmd + P,搜”Excalidraw: Create new drawing”,即可在指定目录生成一张空白画板。
  2. 侧边栏图标:如果开启了相关设置,左侧会出现 Excalidraw 的图标,点击即新建。
  3. 在笔记里:输入 [[文件名.excalidraw]] 这种带后缀的链接,再点击即可创建并打开。

建议在插件设置里指定一个默认存放目录(如 Excalidraw/),让画板文件集中管理、不污染笔记区。

绘制基本图形

打开画板后,顶部是工具栏,左侧是图层面板。常用工具从左到右大致包括:

  • 选择:框选、移动、缩放对象。
  • 矩形/椭圆/菱形:拖拽即可画出,按住 Shift 可保持比例。
  • 箭头/直线:连接元素,箭头会自动吸附到形状边缘,移动形状时连线跟随。
  • 自由画笔:像真笔一样手绘曲线。
  • 文本:双击画布或选中形状后输入文字。
  • 图片:从剪贴板粘贴或拖入图片,也可插入仓库内已有的图片文件。
  • 橡皮擦:删除对象。

选中对象后,右侧属性面板可调描边颜色、填充、线宽、箭头样式、字体等。一个实用技巧:按住 Alt 拖动对象可复制;用 Cmd/Ctrl + D 也能快速复制选中项。

嵌入笔记与双向链接

Excalidraw 真正迷人的地方,在于它和 Obsidian 笔记体系是连通的。

画板嵌入笔记:在 Markdown 笔记里,用嵌入语法引用画板文件,即可把整张图嵌进来:

![[我的流程图.excalidraw]]

加竖线和宽度可控制显示尺寸:![[我的流程图.excalidraw|600]]。被嵌入的图会随画板实时更新——你在画板里改一处,所有引用它的笔记自动同步。

画板内链接笔记:在画板里选中一段文字或一个图形,用 Cmd/Ctrl + 点击 触发链接,输入 [[笔记名]],即可把该元素变成一个指向笔记的链接。点击它就能跳转到对应笔记。反过来,笔记里写 [[画板名.excalidraw]] 也成立。于是画板和文字相互指认,构成一张立体的知识网。

拖拽笔记进画板:直接把一篇笔记从文件树拖进画板,会自动生成一个带链接的卡片,点击即可跳回原笔记。做”项目地图”时,把若干项目笔记拖到画布上、用箭头连起来,一张关系总览图就成型了。

手绘思维导图与流程图

思维导图和流程图是 Excalidraw 最高频的两个场景,做法都很轻量:

思维导图:在中心写一个主题文本框,向外画几条线,线的末端再放子主题文本框,层层展开。利用箭头吸附功能,移动子节点时连线自动跟随,调整结构毫无压力。

流程图:用矩形表示步骤、菱形表示判断、箭头表示流向。选中箭头后可加文字标签说明条件(如”是/否”)。比起 Mermaid 那种纯代码生成,手绘流程图的好处是布局完全由你掌控,且带着温度。

[!tip] 善用”组合”与”锁定” 把一组相关元素框选后按 Cmd/Ctrl + G 组合,移动时整体平移;对不想误改的元素点锁定图标,可避免误操作。图层数量多了之后,善用左侧图层面板隐藏/锁定,能让画布保持清爽。

与 Canvas 的取舍

Obsidian 自带的 Canvas(核心插件)也是一块可视化画布,它和 Excalidraw 该选哪个?关键区别:

维度ExcalidrawCanvas
文件格式.excalidraw.md,单文件.canvas,JSON 格式
绘图能力强:自由画笔、箭头、形状、上色弱:主要是卡片排版,无自由绘画
内容载体图形 + 文字为主以”卡片”形式嵌入笔记/图片/网页
手绘观感有,风格鲜明无,方块化
双链支持,可链接到笔记支持,卡片即笔记的引用
适合场景画图、示意图、思维导图排布多篇笔记、做看板/知识地图

简单记法:要”画”用 Excalidraw,要”摆”用 Canvas。 画一张带流程箭头的架构图,选前者;把十篇相关笔记摊开找联系,选后者。两者并不冲突,很多人是双开并用——Canvas 管宏观布局,Excalidraw 管微观示意。


Excalidraw 的价值不在于”画得漂亮”,而在于”画得快”。当你能用三十秒涂一张草图,把脑中模糊的关系落到画布上时,思考本身也会变得更清晰。给每篇重要笔记配一张 Excalidraw 示意图,渐渐地,你的仓库就不只是文字的海洋,而是一座图文并茂的私人知识博物馆。