Obsidian + Skills 可视化终极指南

12333社保查询网www.sz12333.net.cn 2026-02-15来源:人力资源和社会保障局

  上周有个读者问我:「你笔记里那些好看的流程图是怎么画的?」

  说实话,我以前也是纯文字党。笔记写了一堆,回头看全是密密麻麻的字。重点在哪?不知道。逻辑是什么?忘了。

  后来我发现一个规律:能画图的内容,尽量别用文字。

  一张好图胜过千言万语,同样一个「商业模式画布」,用文字写要 2000 字,用图表示只需要 30 秒就能看懂。

  今天分享我在 Obsidian 里用的「可视化三件套」:

  • Canvas:原生思维导图,上手最快
  • Mermaid:流程图神器,代码党最爱
  • Excalidraw:手绘风格,灵活度拉满

      看完这篇,你也能从文字墙进化到「一图流」。

    一、为什么要可视化?

      先问一个问题:你的笔记,过一个月还能看懂吗?

      我见过太多人的笔记是这样的:

  • 写的时候热血沸腾
  • 存的时候信心满满
  • 看的时候一脸懵逼

      问题出在哪?信息密度太高,结构太乱。

      人的眼睛天生对「形状」和「位置」敏感。为什么老师上课要画图?因为图能帮大脑建立「空间记忆」。

      可视化不是为了好看。是为了:

    1. 降低理解成本 - 一眼扫过去就知道重点
    2. 强化记忆 - 空间位置帮助回忆
    3. 发现关联 - 文字看不出来的关系,画图一目了然

      好了,道理讲完。下面进入实操。

    二、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[结束]

      这就够了。三行代码,自动画出一个从左到右的流程图。

    常用语法速查

      方向控制:

  • LR = 从左到右
  • TB = 从上到下
  • RL = 从右到左
  • BT = 从下到上

      节点形状:

  • [文字] = 方框
  • (文字) = 圆角框
  • {文字} = 菱形(判断)
  • ((文字)) = 圆形

      连线样式:

  • --> = 带箭头
  • --- = 不带箭头
  • -.-> = 虚线箭头
  • ==> = 粗箭头实战案例:商业模式流程图

      同样是商业模式画布,用 Mermaid 画:

      代码看起来多,但逻辑很清晰:

    1. 用 subgraph 分组
    2. 用 --> 画连线
    3. 用 style 加样式
    什么时候用 Mermaid?
  • 画流程图、时序图
  • 写技术文档
  • 需要版本控制(因为是纯文本)
  • 需要导出成图片

      Mermaid 的优势是标准化。代码就是图,图就是代码。改一行代码,图自动更新。

      缺点是没那么灵活。节点位置是自动排列的,你控制不了。

    四、Excalidraw:像手绘一样自由它是什么?

      Excalidraw 是一个手绘风格的画图工具。线条不会完全笔直,看起来像人画的。

      在 Obsidian 里用 Excalidraw,需要装一个插件

    怎么装?
    1. 打开 Obsidian 设置 → Community plugins
    2. 搜索「Excalidraw」
    3. 安装并启用

      装好后,创建 .excalidraw 文件就能开始画了

    基本操作
  • 选择工具:侧边栏选矩形、圆形、箭头、文字等
  • 画图:点击并拖拽
  • 移动:选中后拖拽
  • 连线:用箭头工具连接两个形状
  • 改颜色:选中后在属性面板调实战案例

      同样的商业模式画布,用 Excalidraw 画出来更个性

      手绘风格的好处是:不那么正式,更适合讨论和头脑风暴。

    什么时候用 Excalidraw?
  • 快速草图
  • 头脑风暴
  • 给别人讲解(手绘风格更亲切)
  • 需要高度自定义的布局

      Excalidraw 的优势是灵活度最高。你想画成什么样就什么样。

      缺点是:没有代码,修改要手动。如果图很复杂,维护起来比较麻烦

    五、进阶:用 AI 自动生成图

      手动画图太慢?试试 AI。

      我现在用 Claude Code + 自定义 Skill,一句话就能生成三种图。

      比如我说:「帮我画一个商业模式关系图」。

      AI 就能自动生成:

  • Canvas 版(思维导图)
  • Mermaid 版(流程图)
  • Excalidraw 版(手绘图)

      三个文件,三种风格,3 秒钟搞定。

    怎么做到的?

      核心是「Skill」的概念。你可以把它理解成 AI 的「技能包」。

      这三个 Skill 来自开源项目 axton-obsidian-visual-skills:

       GitHub 地址:https://github.com/axtonliu/axton-obsidian-visual-skills

      项目包含三个 Skill:

    1. obsidian-canvas-creator:生成 Canvas 文件
    2. mermaid-visualizer:生成 Mermaid 图
    3. excalidraw-diagram:生成 Excalidraw 文件
    怎么安装?

      如果你用的是 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

      手绘风格,自由度高

      复杂图维护麻烦

      草图、头脑风暴

    我的选择逻辑
  • 正式文档 → Mermaid(导出好看,版本可控)
  • 个人笔记 → Canvas(灵活,能链接其他笔记)
  • 给别人讲 → Excalidraw(手绘风格更亲切)

      没有最好的工具,只有最合适的工具。

      从今天开始,试试「能画图的不用文字」。

      一开始可能会觉得麻烦。但坚持一周,你会发现:笔记变清晰了,思路变清楚了,回顾笔记的效率也上来了。

      如果你懒得学三种工具,就先从 Canvas 开始。原生支持,不用装插件,拖拖拽拽就能用。

      等你玩熟了,再往 Mermaid 和 Excalidraw 进阶。

      你平时用什么工具做可视化?评论区聊聊。

    本文标题:Obsidian + Skills 可视化终极指南本文网址:https://www.sz12333.net.cn/zhzx/kexue/73494.html 编辑:12333社保查询网
  • 本站是社保查询公益性网站链接,数据来自各地人力资源和社会保障局,具体内容以官网为准。
    定期更新查询链接数据 苏ICP备17010502号-11