Excalidraw 深度教程
Excalidraw 绘图 介绍了基础绘图，本篇深入高级能力，让白板成为知识库的可执行组件，而非孤立图片。
mermaid
flowchart TD
E[Excalidraw 白板] --> M[嵌入 Markdown 文本]
M --> L[可点击双向链接]
L --> S[脚本自动化]
S --> C[与 Canvas 双向同步]在图形中嵌入 Markdown
Excalidraw 支持把文本元素当作 Markdown 渲染：
- 选中文本元素，开启
Use markdown样式 - 输入含
[[双向链接]]、# 标题、**粗体**的内容 - 渲染后链接可点击跳转仓库笔记
text
[[项目A 会议纪要]]
- 关键决策
- 下一步行动可点击链接与 transclusion
- 在图形文字中写
[[笔记名]]→ 点击直接打开笔记 - 使用
![[笔记名]]可将笔记内容嵌入白板作为实时视图 - 反向链接面板会显示白板对笔记的引用，形成可视化 MOC
脚本自动化（Scripts）
Excalidraw 支持自定义 JavaScript 脚本，可批量操作元素：
- 自动对齐、上色、生成流程图节点
- 社区脚本库覆盖常见场景，可直接安装
javascript
// 示例：为选中元素统一设置填充色
ea.getViewSelectedElements().forEach(el => {
el.backgroundColor = '#a5d8ff'
})
ea.addElementsToView()与 Canvas 的取舍
| 维度 | Excalidraw | Canvas |
|---|---|---|
| 手绘风格 | ✅ 强 | ❌ |
| 嵌入笔记 | ✅ 富 | ⚠️ 卡片 |
| 大图性能 | ⚠️ | ✅ 优 |
| 协作 | ✅（同步） | ⚠️ |
协作与同步
- Excalidraw 文件为
.md内嵌 SVG，天然支持 Obsidian Sync 与 Git - 多人协作：通过 Sync/ Git 共享
.excalidraw.md文件
实战：构建可视化知识地图
- 新建
Map/知识地图.excalidraw.md - 每个主题画一个框，文字写入
[[主题笔记]] - 用箭头连接相关主题，形成 MOC 白板
- 在主页用
![[知识地图.excalidraw]]嵌入
提示
白板文件体积随元素增多而增大，建议复杂关系图拆分多个白板并在主页聚合链接。