Excalidraw 手绘图表专题:在笔记里信手涂鸦
从创建画布到双向链接,掌握 Excalidraw for Obsidian 的手绘可视化工作流。
文字擅长说理,图形擅长示意。当你想画一张流程图说明三步之间的关系,或涂一张思维导图梳理思路时,Excalidraw 就是你最趁手的画笔。它把开源画板工具 Excalidraw 完整地嵌进了 Obsidian,让你的涂鸦和笔记同住一个仓库、彼此链接。本篇带你从零画到第一张能被笔记引用的图。
Excalidraw 是什么
Excalidraw 是一款以”手绘风格”著称的白板工具——线条带着恰到好处的抖动感,配色朴素温润,画出来的东西不像工程图纸,倒像笔记本上的随手速写。这种”不那么精确”的观感反而降低了表达门槛:你不必追求像素级对齐,只需把想法落到画布上。
Excalidraw for Obsidian(作者 zsviczian)把这套画板能力做成了 Obsidian 插件。它的核心承诺有三条:
- 本地优先:画板以
.excalidraw.md文件存在你的仓库里,默认完全离线运行,不上传任何数据。 - 与笔记互通:画板可以链接到笔记,笔记也可以嵌入画板,形成双向引用。
- 功能丰富:除基础绘图外,还支持插入图片、PDF、公式、Mermaid 自动布局、AI 辅助、脚本扩展等高阶能力。
创建画布
安装并启用插件后,有几种方式新建画板:
- 命令面板:按
Ctrl/Cmd + P,搜”Excalidraw: Create new drawing”,即可在指定目录生成一张空白画板。 - 侧边栏图标:如果开启了相关设置,左侧会出现 Excalidraw 的图标,点击即新建。
- 在笔记里:输入
[[文件名.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 该选哪个?关键区别:
| 维度 | Excalidraw | Canvas |
|---|---|---|
| 文件格式 | .excalidraw.md,单文件 | .canvas,JSON 格式 |
| 绘图能力 | 强:自由画笔、箭头、形状、上色 | 弱:主要是卡片排版,无自由绘画 |
| 内容载体 | 图形 + 文字为主 | 以”卡片”形式嵌入笔记/图片/网页 |
| 手绘观感 | 有,风格鲜明 | 无,方块化 |
| 双链 | 支持,可链接到笔记 | 支持,卡片即笔记的引用 |
| 适合场景 | 画图、示意图、思维导图 | 排布多篇笔记、做看板/知识地图 |
简单记法:要”画”用 Excalidraw,要”摆”用 Canvas。 画一张带流程箭头的架构图,选前者;把十篇相关笔记摊开找联系,选后者。两者并不冲突,很多人是双开并用——Canvas 管宏观布局,Excalidraw 管微观示意。
Excalidraw 的价值不在于”画得漂亮”,而在于”画得快”。当你能用三十秒涂一张草图,把脑中模糊的关系落到画布上时,思考本身也会变得更清晰。给每篇重要笔记配一张 Excalidraw 示意图,渐渐地,你的仓库就不只是文字的海洋,而是一座图文并茂的私人知识博物馆。