白板功能 (Canvas)

版本历史

Canvas 是 Obsidian v1.1 引入的核心功能。v1.11+ 版本中，Canvas 文件的链接会被识别为反向链接并显示在图谱视图中。

概述

Canvas 是 Obsidian 的白板功能，提供了一个无限画布，让你可以可视化地组织和连接笔记、图片、网页等内容。它非常适合头脑风暴、项目规划、知识图谱构建等场景。

创建白板

新建白板

命令面板：Ctrl/Cmd + P → 「新建白板」
文件浏览器：右键 → 新建白板
快捷键：在设置中配置快捷键
从模板创建：使用 .canvas 模板文件

文件格式

白板文件使用 .canvas 扩展名，内容以 JSON 格式存储：

json

{
  "nodes": [
    {
      "id": "node-id",
      "type": "text",
      "text": "内容",
      "x": 100,
      "y": 100,
      "width": 250,
      "height": 100
    }
  ],
  "edges": [
    {
      "id": "edge-id",
      "fromNode": "node-1",
      "toNode": "node-2"
    }
  ]
}

基本操作

节点类型

白板支持多种节点类型：

类型	说明	创建方式
文本卡片	直接在画布上输入文本	双击空白处
笔记	嵌入仓库中的笔记文件	拖入或命令添加
图片	嵌入图片文件	拖入或粘贴
网页	嵌入网页内容	命令添加 URL
视频/音频	嵌入多媒体文件	拖入文件
PDF	嵌入 PDF 文件	拖入文件

添加节点

文本卡片

双击画布空白处
直接输入文本内容
支持 Markdown 格式

笔记节点

方法一：拖入
  文件浏览器 → 拖动笔记到画布

方法二：命令添加
  命令面板 → 白板：添加笔记 → 搜索笔记

方法三：链接创建
  在文本卡片中输入 [[笔记名]] → 点击链接创建

网页节点

命令面板 → 「白板：添加网页」
输入网页 URL
调整节点大小

导航操作

操作	方法	快捷键
平移	拖拽画布空白处	`空格 + 拖拽`
缩放	滚轮或双指缩放	`Ctrl/Cmd + 滚轮`
选中	点击节点	-
多选	框选或 Shift + 点击	`Shift + 点击`
全选	-	`Ctrl/Cmd + A`
返回中心	-	`Ctrl/Cmd + 0`

编辑节点

调整大小

拖拽节点边缘或角落
按住 Shift 保持比例
双击边缘自适应内容

移动节点

直接拖拽节点主体
按住 Shift 限制方向
选中多个后批量移动

编辑内容

文本卡片：双击进入编辑
笔记节点：双击打开源文件
网页节点：可直接交互

删除节点

选中后按 Delete 或 Backspace
右键菜单选择删除

节点操作菜单

点击节点右上角 ⋮ 可访问：

复制节点
复制为图片
设为卡片
更改颜色
删除节点

连接节点

创建连接

悬停在节点边缘
点击出现的小圆点
拖拽到目标节点
松开鼠标完成连接

连接样式

可以自定义连接线样式：

样式	说明
直线	两点之间直线连接
曲线	平滑的曲线连接
箭头	显示方向箭头
无箭头	简单连接线

连接设置

yaml

连接选项:
  线条样式: 直线/曲线
  箭头: 无/单向/双向
  标签: 添加文字描述
  颜色: 自定义颜色
  粗细: 线条宽度

编辑连接

添加标签：双击连接线
删除连接：选中后按 Delete
调整样式：点击连接线选择样式

分组与颜色

创建分组

选中多个节点后：

右键 → 「创建分组」
或使用快捷键 Ctrl/Cmd + G
为分组添加标题

分组操作

调整大小：拖拽分组边界
移动分组：拖拽分组标题栏
添加颜色：右键菜单选择颜色
取消分组：右键 → 「取消分组」

颜色编码系统

建议建立统一的颜色系统：

颜色	用途	示例
红色	重要/紧急	核心概念
橙色	警告/注意	需要处理的问题
黄色	进行中	正在进行的任务
绿色	完成/成功	已完成的项目
蓝色	信息/参考	参考资料
紫色	创意/想法	新想法
灰色	归档/背景	背景信息

高级功能

嵌入笔记

将现有笔记嵌入白板：

嵌入方式

拖入：从文件浏览器拖入
搜索添加：命令面板 → 添加笔记
链接创建：输入 [[笔记名]]

嵌入选项

yaml

显示模式:
  - 卡片模式: 显示笔记预览
  - 链接模式: 只显示标题链接

笔记同步

嵌入的笔记与源文件保持同步：

修改源文件，白板中自动更新
在白板中编辑笔记，源文件同步修改

嵌入网页

嵌入外部网页：

使用「添加网页」命令
输入完整 URL
调整节点大小
可直接在白板中浏览网页

网页嵌入

支持 YouTube、Twitter 等网站嵌入
部分网站可能因安全策略无法嵌入
可以嵌入在线工具如 Miro、Figma

嵌入媒体

支持嵌入的媒体类型：

类型	格式	说明
图片	PNG, JPG, GIF, SVG, WebP	支持拖入和粘贴
视频	MP4, WebM, MOV	内嵌播放器
音频	MP3, WAV, OGG	内嵌播放器
PDF	PDF	可翻页查看

白板嵌入笔记

将白板嵌入到笔记中：

markdown

![[我的白板.canvas]]

![[我的白板.canvas|800x600]]  <!-- 指定尺寸 -->

实用场景

头脑风暴

yaml

流程:
  1. 创建新白板
  2. 双击添加想法卡片
  3. 用连接线建立关联
  4. 分组整理相关想法
  5. 用颜色标记优先级
  6. 将成熟想法转为笔记

技巧:
  - 不限制想法数量
  - 先发散再收敛
  - 使用颜色区分主题

项目规划

yaml

结构布局:
  目标区: 放置在画布顶部
  任务区: 使用卡片列出任务
  时间线: 横向排列阶段
  资源区: 嵌入相关笔记和文件
  问题区: 用红色标记问题

示例布局:
  ┌─────────────────────────────┐
  │         项目目标            │
  └─────────────────────────────┘
           ↓
  ┌────────┬────────┬────────┐
  │ 阶段1  │ 阶段2  │ 阶段3  │
  │ 任务列表│ 任务列表│ 任务列表│
  └────────┴────────┴────────┘
           ↓
  ┌─────────────────────────────┐
  │        资源与参考           │
  └─────────────────────────────┘

知识图谱

yaml

构建方法:
  核心概念: 放在中心位置
  相关笔记: 围绕核心展开
  关系连接: 用带标签的线连接
  分层展示: 用颜色和分组区分层次
  引用链接: 嵌入源笔记

层级结构:
  第一层: 核心主题 (中心)
  第二层: 主要分支
  第三层: 详细内容
  连接线: 标注关系类型

流程图

yaml

绘制步骤:
  1. 使用卡片创建步骤节点
  2. 添加箭头连接表示流程
  3. 使用菱形表示决策点
  4. 用颜色区分不同状态
  5. 添加说明标签

节点约定:
  矩形: 处理步骤
  菱形: 判断/决策
  圆角矩形: 开始/结束
  箭头: 流程方向

看板管理

创建三列看板：

yaml

布局:
  ┌──────────┬──────────┬──────────┐
  │  待办    │  进行中  │  已完成  │
  ├──────────┼──────────┼──────────┤
  │ □ 任务1  │ ▶ 任务4  │ ✓ 任务7  │
  │ □ 任务2  │ ▶ 任务5  │ ✓ 任务8  │
  │ □ 任务3  │ ▶ 任务6  │ ✓ 任务9  │
  └──────────┴──────────┴──────────┘

颜色编码:
  待办: 灰色
  进行中: 黄色
  已完成: 绿色
  紧急: 红色

模板与示例

康奈尔笔记模板

创建一个包含三个区域的白板：

yaml

布局:
  ┌──────────┬──────────────────────┐
  │          │                      │
  │  关键词  │      笔记内容        │
  │  问题    │                      │
  │          │                      │
  ├──────────┴──────────────────────┤
  │                                 │
  │            总结                 │
  │                                 │
  └─────────────────────────────────┘

尺寸建议:
  左侧栏: 200px
  右侧: 500px
  底部总结: 150px 高

思维导图模板

中心节点向外辐射的结构：

yaml

结构:
  中心: 主题节点 (大尺寸)
  第一层: 主要分支 (中等尺寸)
  第二层: 子分支 (小尺寸)
  连接: 曲线 + 箭头

颜色方案:
  中心: 深蓝色
  分支1: 红色系
  分支2: 绿色系
  分支3: 紫色系
  分支4: 橙色系

时间线模板

横向时间线布局：

yaml

结构:
  ───●────●────●────●────●───
     │     │     │     │     │
   事件1  事件2  事件3  事件4  事件5

节点设计:
  时间点: 圆形小节点
  事件: 下方卡片描述
  连接线: 直线箭头

SWOT 分析模板

yaml

布局:
  ┌──────────────┬──────────────┐
  │     优势     │     劣势     │
  │  (Strengths) │ (Weaknesses) │
  ├──────────────┼──────────────┤
  │     机会     │     威胁     │
  │(Opportunities)│ (Threats)  │
  └──────────────┴──────────────┘

颜色:
  优势: 绿色
  劣势: 红色
  机会: 蓝色
  威胁: 橙色

导出与分享

导出为图片

选中要导出的区域（或全选）
右键 → 「导出为 PNG」
选择分辨率和背景
保存到指定位置

导出选项

yaml

导出设置:
  分辨率: 1x / 2x / 3x
  背景: 透明 / 白色 / 当前主题背景
  选择: 整个画布 / 选中区域

导出为 PDF

使用「打印」功能
选择「另存为 PDF」
调整页面设置
保存文件

分享白板

分享白板的几种方式：

方式	说明
导出 PNG	分享图片预览
导出 JSON	完整白板数据
Obsidian Publish	在线发布
复制到剪贴板	快速粘贴

快捷键

节点操作

快捷键	功能
`双击`	创建文本卡片
`Ctrl/Cmd + A`	全选节点
`Ctrl/Cmd + D`	复制选中节点
`Ctrl/Cmd + G`	创建分组
`Delete`	删除选中
`Ctrl/Cmd + C`	复制节点
`Ctrl/Cmd + V`	粘贴节点
`Ctrl/Cmd + Z`	撤销
`Ctrl/Cmd + Shift + Z`	重做

导航操作

快捷键	功能
`Ctrl/Cmd + 滚轮`	缩放
`空格 + 拖拽`	平移画布
`Ctrl/Cmd + 0`	重置视图
`Ctrl/Cmd + 1`	缩放到适应
`Ctrl/Cmd + F`	搜索节点

编辑操作

快捷键	功能
`Enter`	编辑选中节点
`Esc`	取消选择/编辑
`Shift + 点击`	多选节点
`Ctrl/Cmd + Shift + C`	复制为图片

与笔记联动

双向链接

白板与笔记之间的链接关系：

yaml

从笔记链接白板:
  语法: [[白板名称.canvas]]
  效果: 点击跳转到白板

从白板链接笔记:
  方式: 嵌入笔记节点
  效果: 在白板中显示笔记内容

反向链接:
  - 白板中嵌入的笔记会显示反向链接
  - 可在反向链接面板中查看

白板与图谱

白板节点会显示在关系图谱中：

嵌入的笔记节点显示连接
白板本身作为一个节点
可以追踪白板的引用关系

标签系统

在白板的文本卡片中使用标签：

markdown

#项目/进行中
#标签

在白板中使用标签会被标签面板识别。

性能优化

大型白板优化

对于包含大量节点的白板：

减少节点数量
- 合并相似内容
- 使用分组整理
优化嵌入内容
- 减少嵌入的大型图片
- 避免过多网页嵌入
分拆白板
- 将大型白板拆分为多个小画布
- 使用链接关联不同白板

渲染设置

yaml

性能设置:
  减少动画: 设置 → 外观 → 减少动画
  禁用实时预览: 在白板中使用源码模式

最佳实践

组织建议

命名规范：使用清晰的文件命名
目录结构：为白板创建专门文件夹
定期整理：归档不活跃的白板
模板复用：创建常用布局模板

协作技巧

颜色系统：建立统一的颜色含义
连接规范：使用一致的连接样式
标签约定：统一标签命名格式
分组习惯：相关内容及时分组

工作流整合

yaml

白板 → 笔记工作流:
  1. 在白板中头脑风暴
  2. 整理成熟想法
  3. 创建笔记节点
  4. 展开笔记详细内容
  5. 在白板中保持概览

笔记 → 白板工作流:
  1. 收集相关笔记
  2. 创建新白板
  3. 拖入笔记节点
  4. 用连接展示关系
  5. 发现新的关联

插件扩展

插件	功能
Canvas CSS Snippets	白板样式自定义
Mindmap	思维导图增强
Excalidraw	更强大的绘图功能

自定义样式

使用 CSS 片段自定义白板外观：

css

/* 自定义节点样式 */
.canvas-node {
  border-radius: 12px;
}

/* 自定义连接线 */
.canvas-edges path {
  stroke-width: 2px;
}

/* 自定义分组样式 */
.canvas-group {
  background-color: rgba(0, 0, 0, 0.05);
}

下一步

图谱视图 - 查看笔记关联
模板系统 - 使用模板提高效率
Excalidraw 绘图 - 更强大的绘图功能
插件系统 - 探索更多功能

白板功能 (Canvas) ​

概述 ​

创建白板 ​

新建白板 ​

文件格式 ​

基本操作 ​

节点类型 ​

添加节点 ​

文本卡片 ​

笔记节点 ​

网页节点 ​

导航操作 ​

编辑节点 ​

调整大小 ​

移动节点 ​

编辑内容 ​

删除节点 ​

节点操作菜单 ​

连接节点 ​

创建连接 ​

连接样式 ​

连接设置 ​

编辑连接 ​

分组与颜色 ​

创建分组 ​

分组操作 ​

颜色编码系统 ​

高级功能 ​

嵌入笔记 ​

嵌入方式 ​

嵌入选项 ​

笔记同步 ​

嵌入网页 ​

嵌入媒体 ​

白板嵌入笔记 ​

实用场景 ​

头脑风暴 ​

项目规划 ​

知识图谱 ​

流程图 ​

看板管理 ​

模板与示例 ​

康奈尔笔记模板 ​

思维导图模板 ​

时间线模板 ​

SWOT 分析模板 ​

导出与分享 ​

导出为图片 ​

导出选项 ​

导出为 PDF ​

分享白板 ​

快捷键 ​

节点操作 ​

导航操作 ​

编辑操作 ​

与笔记联动 ​

双向链接 ​

白板与图谱 ​

标签系统 ​

性能优化 ​

大型白板优化 ​

渲染设置 ​

最佳实践 ​

组织建议 ​

协作技巧 ​

工作流整合 ​

插件扩展 ​

推荐插件 ​

自定义样式 ​

下一步 ​

白板功能 (Canvas)

概述

创建白板

新建白板

文件格式

基本操作

节点类型

添加节点

文本卡片

笔记节点

网页节点

导航操作

编辑节点

调整大小

移动节点

编辑内容

删除节点

节点操作菜单

连接节点

创建连接

连接样式

连接设置

编辑连接

分组与颜色

创建分组

分组操作

颜色编码系统

高级功能

嵌入笔记

嵌入方式

嵌入选项

笔记同步

嵌入网页

嵌入媒体

白板嵌入笔记

实用场景

头脑风暴

项目规划

知识图谱

流程图

看板管理

模板与示例

康奈尔笔记模板

思维导图模板

时间线模板

SWOT 分析模板

导出与分享

导出为图片

导出选项

导出为 PDF

分享白板

快捷键

节点操作

导航操作

编辑操作

与笔记联动

双向链接

白板与图谱

标签系统

性能优化

大型白板优化

渲染设置

最佳实践

组织建议

协作技巧

工作流整合

插件扩展

推荐插件

自定义样式

下一步