Obsidian 学习笔记

Appearance

Canvas 白板深度教程 ​

Canvas（白板）是 Obsidian 1.1.0 引入的可视化思维工具。本文深入介绍高级用法和工作流。

版本要求

Canvas 功能需要 Obsidian 1.1.0 及以上版本。

基础回顾 ​

创建白板 ​

  • 快捷键：Ctrl/Cmd + P → "Create new canvas"
  • 文件扩展名：.canvas

基本元素 ​

元素创建方式用途
笔记卡片拖入笔记或双击嵌入笔记内容
文本卡片双击空白处快速记录
图片拖入图片可视化展示
网页拖入链接嵌入网页
视频拖入视频嵌入视频
PDF拖入 PDF嵌入 PDF

连接与箭头 ​

  • 从卡片边缘拖出创建连接
  • 右键连接线添加标签
  • 使用箭头表示方向

高级功能 ​

1. 嵌入笔记片段 ​

在白板中嵌入笔记的部分内容：

![[笔记名#标题]]
![[笔记名#^block-id]]

2. 分组与着色 ​

  • 选中多个卡片 → 右键 → "Create group"
  • 右键卡片 → 选择颜色

颜色语义建议：

颜色含义
🔴 红色紧急/重要
🟡 黄色待讨论
🟢 绿色已完成
🔵 蓝色信息/参考
🟣 紫色创意/想法

3. 嵌入网页 ​

支持嵌入多种网页：

# 视频平台
https://www.youtube.com/watch?v=xxx
https://www.bilibili.com/video/xxx

# 文档平台
https://www.figma.com/xxx
https://miro.com/xxx

# 其他
https://任何网站.com

4. 无限画布导航 ​

操作快捷键
平移拖动空白处 / 空格+拖动
缩放滚轮 / Ctrl+滚轮
适应窗口Ctrl+1
缩放到 100%Ctrl+0
全屏Ctrl+Shift+F

工作流示例 ​

思维导图 ​

中心主题
    ├── 分支1
    │   ├── 子分支1-1
    │   └── 子分支1-2
    ├── 分支2
    │   ├── 子分支2-1
    │   └── 子分支2-2
    └── 分支3

创建步骤：

  1. 创建中心主题卡片
  2. 添加分支卡片并连接
  3. 使用不同颜色区分层级
  4. 添加连接标签说明关系

项目看板 ​

┌─────────────┐  ┌─────────────┐  ┌─────────────┐
│   待办      │  │   进行中    │  │   已完成    │
├─────────────┤  ├─────────────┤  ├─────────────┤
│ - 任务1     │  │ - 任务3     │  │ - 任务5     │
│ - 任务2     │  │ - 任务4     │  │             │
└─────────────┘  └─────────────┘  └─────────────┘

创建步骤：

  1. 创建三列分组
  2. 为每个分组设置不同颜色
  3. 在分组内添加任务卡片
  4. 任务完成后移动到下一列

知识地图 ​

将相关笔记整合到白板中：

  1. 创建主题分组
  2. 嵌入相关笔记卡片
  3. 用连接线展示关系
  4. 添加说明标签

研究笔记 ​

研究主题
├── 文献笔记
│   ├── [[论文A]]
│   ├── [[论文B]]
│   └── [[书籍C]]
├── 我的想法
│   ├── 想法1
│   └── 想法2
└── 关联笔记
    └── [[相关概念]]

与其他功能联动 ​

嵌入到笔记 ​

在 Markdown 笔记中嵌入白板：

markdown
## 我的思维导图

![[mindmap.canvas]]

从白板创建笔记 ​

  1. 在白板中创建文本卡片
  2. 右键 → "Convert to note"
  3. 自动创建新笔记文件

与 Dataview 结合 ​

使用 Dataview 查询白板：

dataview
TABLE
FROM "*.canvas"
SORT file.ctime DESC

模板库 ​

项目规划模板 ​

yaml
# project-planning.canvas
结构：
  - 项目目标 (中心)
  - 里程碑 (环绕)
  - 任务卡片 (每个里程碑下)
  - 资源链接 (侧边)
  - 风险分析 (下方)

头脑风暴模板 ​

yaml
# brainstorm.canvas
结构：
  - 中心主题 (大卡片)
  - 第一层想法 (环绕，同一颜色)
  - 第二层想法 (外圈，另一颜色)
  - 连接线带标签

学习笔记模板 ​

yaml
# learning.canvas
结构：
  - 主题概述
  - 概念定义组
  - 示例组
  - 问题组
  - 关联知识

高级技巧 ​

1. 使用 CSS 美化 ​

在 CSS 片段中自定义白板样式：

css
/* 自定义卡片样式 */
.canvas-node-content {
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* 自定义连接线样式 */
.canvas-edge {
  stroke-width: 2px;
}

/* 自定义分组样式 */
.canvas-group {
  background: rgba(124, 58, 237, 0.1);
}

2. 快速复制粘贴 ​

  • 从浏览器复制内容直接粘贴
  • 自动识别链接、图片、文本
  • 支持拖拽文件

3. 导出图片 ​

  1. 选中要导出的区域
  2. 右键 → "Export as image"
  3. 选择分辨率和格式

4. 协作与分享 ​

白板文件是纯 JSON 格式，可以：

  • 通过 Git 版本控制
  • 与他人共享仓库
  • 使用同步服务

白板与 Excalidraw 对比 ​

特性CanvasExcalidraw
原生支持✅插件
手绘风格❌✅
嵌入笔记✅⚠️
嵌入网页✅❌
绘图工具基础丰富
文件格式.canvas.excalidraw

常见问题 ​

问：白板文件可以转换为笔记吗？ ​

答：可以手动复制内容，或使用插件批量转换。

问：白板内容可以搜索吗？ ​

答：白板内的文本卡片内容可以被全局搜索找到。

问：如何处理大型白板？ ​

答：

  • 使用分组折叠不相关内容
  • 分多个白板文件
  • 定期归档

相关资源 ​

最后更新：2026年3月28日编辑此页反馈问题