上周有个读者问我:「你笔记里那些好看的流程图是怎么画的?」
说实话,我以前也是纯文字党。笔记写了一堆,回头看全是密密麻麻的字。重点在哪?不知道。逻辑是什么?忘了。
后来我发现一个规律:能画图的内容,尽量别用文字。
一张好图胜过千言万语,同样一个「商业模式画布」,用文字写要 2000 字,用图表示只需要 30 秒就能看懂。
今天分享我在 Obsidian 里用的「可视化三件套」:
看完这篇,你也能从文字墙进化到「一图流」。
一、为什么要可视化?先问一个问题:你的笔记,过一个月还能看懂吗?
我见过太多人的笔记是这样的:
问题出在哪?信息密度太高,结构太乱。
人的眼睛天生对「形状」和「位置」敏感。为什么老师上课要画图?因为图能帮大脑建立「空间记忆」。
可视化不是为了好看。是为了:
好了,道理讲完。下面进入实操。
二、Canvas:Obsidian 原生思维导图它是什么?Canvas 是 Obsidian 自带的画布功能。不需要装插件,开箱即用。
你可以把它理解成「可以画线的白板」。往上面放卡片、放笔记、画连线,就成了思维导图。
怎么用?Step 1:创建 Canvas 文件
在 Obsidian 里右键 → 「New canvas」。或者用快捷键 Cmd/Ctrl + P 搜索「Create new canvas」。
Step 2:添加卡片
双击空白区域,就能创建一个文字卡片。
也可以拖拽已有的笔记进来。这一点很强:你可以把多个笔记「拼」在一张图上。
Step 3:画连线
把鼠标放到卡片边缘,会出现小圆点。拖拽这个圆点到另一个卡片,就能画出连线。
Step 4:调颜色
选中卡片,右上角有颜色选项。善用颜色分组,比如:
我做了一个商业模式画布的 Canvas,长这样
9 个核心要素,12 条连线。逻辑关系一目了然。
什么时候用 Canvas?Canvas 的优势是灵活。想放哪放哪,想连哪连哪。缺点是不能导出成图片(只能截图)。
三、Mermaid:程序员最爱的流程图它是什么?Mermaid 是一种「用代码画图」的语言。你写几行代码,它自动渲染成图。
听起来很 geek?其实超简单。语法就像写大纲一样。
怎么用?在 Obsidian 里创建一个代码块,语言选 mermaid,然后写图的描述。
最简单的流程图:
flowchart LR A[开始] --> B[处理] --> C[结束]
这就够了。三行代码,自动画出一个从左到右的流程图。
常用语法速查方向控制:
节点形状:
连线样式:
同样是商业模式画布,用 Mermaid 画:
代码看起来多,但逻辑很清晰:
Mermaid 的优势是标准化。代码就是图,图就是代码。改一行代码,图自动更新。
缺点是没那么灵活。节点位置是自动排列的,你控制不了。
四、Excalidraw:像手绘一样自由它是什么?Excalidraw 是一个手绘风格的画图工具。线条不会完全笔直,看起来像人画的。
在 Obsidian 里用 Excalidraw,需要装一个插件
怎么装?装好后,创建 .excalidraw 文件就能开始画了
基本操作同样的商业模式画布,用 Excalidraw 画出来更个性
手绘风格的好处是:不那么正式,更适合讨论和头脑风暴。
什么时候用 Excalidraw?Excalidraw 的优势是灵活度最高。你想画成什么样就什么样。
缺点是:没有代码,修改要手动。如果图很复杂,维护起来比较麻烦
五、进阶:用 AI 自动生成图手动画图太慢?试试 AI。
我现在用 Claude Code + 自定义 Skill,一句话就能生成三种图。
比如我说:「帮我画一个商业模式关系图」。
AI 就能自动生成:
三个文件,三种风格,3 秒钟搞定。
怎么做到的?核心是「Skill」的概念。你可以把它理解成 AI 的「技能包」。
这三个 Skill 来自开源项目 axton-obsidian-visual-skills:
GitHub 地址:https://github.com/axtonliu/axton-obsidian-visual-skills
项目包含三个 Skill:
如果你用的是 Claude Code(Antigravity),安装很简单:
# 克隆项目git clone https://github.com/axtonliu/axton-obsidian-visual-skills.git# 把 skill 文件夹复制到你的 skills 目录cp -r axton-obsidian-visual-skills/* ~/.gemini/antigravity/skills/
装好后,直接对 Claude 说「画一个 xxx 的思维导图」,它就会自动调用对应的 Skill。
效果怎么样?说实话,比我手画快 10 倍。
而且因为格式是标准化的,每次生成的质量都稳定。不会出现「今天画得好,明天画得丑」的情况。
小提示:描述越具体,效果越好。比如「用 Mermaid 画一个从上到下的商业模式流程图,包含 9 个核心要素」,比单说「画个图」要好得多。
六、三件套对比 + 使用建议工具
优势
劣势
适用场景
Canvas
原生支持,最灵活
不能导出图片
项目规划、知识拼接
Mermaid
代码即图,版本可控
布局不能自定义
流程图、技术文档
Excalidraw
手绘风格,自由度高
复杂图维护麻烦
草图、头脑风暴
我的选择逻辑没有最好的工具,只有最合适的工具。
从今天开始,试试「能画图的不用文字」。
一开始可能会觉得麻烦。但坚持一周,你会发现:笔记变清晰了,思路变清楚了,回顾笔记的效率也上来了。
如果你懒得学三种工具,就先从 Canvas 开始。原生支持,不用装插件,拖拖拽拽就能用。
等你玩熟了,再往 Mermaid 和 Excalidraw 进阶。
你平时用什么工具做可视化?评论区聊聊。
本站是社保查询公益性网站链接,数据来自各地人力资源和社会保障局,具体内容以官网为准。
定期更新查询链接数据 苏ICP备17010502号-11