interview/Obsidian可视化插件指南.md

Obsidian 可视化插件安装与使用指南

已安装的可视化插件

1. Dataview - 数据查询与可视化

从 Markdown 文件中查询数据并以表格、列表、任务等形式展示。

安装：

# 已添加到 community-plugins.json
# 在 Obsidian 中：设置 → 社区插件 → 浏览 → 搜索 "Dataview" → 安装

使用示例：

# 查询所有面试题
```dataview
TABLE file.link as "题目", 类别 as "分类"
FROM "16-LeetCode Hot 100"
WHERE file.link
SORT file.name ASC

查询分布式系统相关题目

LIST
FROM "01-分布式系统"
WHERE file.link
SORT file.name

统计各分类题目数量

TABLE rows.file.link as "题目数"
FROM "questions"
GROUP BY file.folder
SORT rows.file.link DESC

---

### 2. **Kanban** - 看板视图
创建任务看板，拖拽管理任务。

**使用示例**：
```markdown
```kanban
## 学习进度
### 待学习
- [ ] 两数相加
- [ ] 无重复字符的最长子串
- [ ] 三数之和

### 学习中
- [x] 盛最多水的容器
- [x] 最长回文子串

### 已完成
- [x] 电话号码的字母组合
- [x] 删除链表的倒数第N个结点

---

### 3. **Calendar** - 日历视图
在日历中创建和查看日记。

**设置**：
- 设置 → 社区插件 → Calendar → 配置日记格式
- 建议格式：`YYYY-MM-DD`

**使用**：
- 点击日历中的日期即可创建日记
- 自动生成日记文件到配置的目录

---

### 4. **Heatmap** - 热力图
可视化活动频率（类似 GitHub Contribution Graph）。

**使用场景**：
- 追踪每日学习进度
- 记录面试准备天数
- 统计刷题数量

**配置**：
- 设置 → 社区插件 → Heatmap
- 配置要追踪的文件类型和标签

---

### 5. **Obsidian Tasks** - 任务管理
强大的任务管理系统，支持查询、过滤、排序。

**使用示例**：
```markdown
# 创建任务
- [ ] 完成 LeetCode Hot 100 刷题 🔴
- [x] 学习 Netty 核心原理 ✅ 2024-03-01
- [ ] 复习 Java 并发编程 📅 2024-03-10
- [ ] 准备系统设计面试 ⏫ #高优先级

# 查询任务
```tasks
not done
due before tomorrow
sort by urgency

查询逾期任务

is overdue
sort by due date

查询本周任务

due this week
sort by due date

---

### 6. **Obsidian Chart** - 图表插件
创建各种图表（饼图、柱状图、折线图等）。

**使用示例**：
```markdown
```chart
type: pie
labels: ['分布式系统', '数据库', '缓存', '并发编程', 'Golang']
data: [9, 6, 4, 5, 10]
colors: ['#FF6384', '#36A2EB', '#FFCE56', '#4BC0C0', '#9966FF']

```chart
type: bar
labels: ['2024-01', '2024-02', '2024-03']
datasets:
  - label: '刷题数量'
    data: [20, 35, 22]
    backgroundColor: '#36A2EB'

---

### 7. **Advanced Slides** - 幻灯片
创建精美的演示文稿。

**使用示例**：
```markdown
---
marp: true
theme: default
paginate: true
---

# 后端 P7 面试准备

## 分布式系统

- 分布式事务
- 分布式锁
- 一致性哈希

---

## 数据库与缓存

- MySQL 索引优化
- Redis 架构
- 缓存穿透/击穿/雪崩

快捷键：

• Cmd + P → 输入 "Start presentation"
• 按 ESC 退出演示模式

---

核心可视化功能（已启用）

1. Graph View - 关系图谱

可视化笔记之间的链接关系。

快捷键：Cmd + G

使用场景：

• 查看知识点之间的关联
• 发现学习盲区
• 构建知识体系

配置：

• 设置 → 核心插件 → 关系图谱
• 调整节点大小、颜色、链接强度

---

2. Canvas - 白板画布

创建可视化知识图谱和思维导图。

创建方式：

• Cmd + N → 选择 "Canvas"

使用示例：

1. 拖拽卡片到画布
2. 用箭头连接相关概念
3. 添加颜色和分组
4. 嵌入笔记和图片

---

3. Bases - 数据库视图

将 Markdown 笔记作为数据库管理。

使用场景：

• 面试题管理
• 学习进度追踪
• 项目经验整理

列类型：

• 文本、标签、日期、数字、进度条
• 多选、复选框
• 公式计算

---

插件安装步骤

方法 1：通过 Obsidian 设置（推荐）

1. 打开 Obsidian
2. 点击 设置（左下角齿轮图标）
3. 选择 社区插件
4. 关闭 安全模式（如果开启）
5. 点击 浏览 按钮
6. 搜索插件名称
7. 点击 安装 → 启用

方法 2：手动安装

# 进入插件目录
cd /Users/yasin/code/interview/.obsidian/plugins/

# 下载插件（以 dataview 为例）
git clone https://github.com/blacksmithgu/obsidian-dataview.git dataview

# 在 Obsidian 中启用
# 设置 → 社区插件 → 已安装插件 → Dataview → 启用

---

推荐的可视化工作流

1. 知识图谱构建

# 使用 Graph View
1. 每天学习新知识点后，创建双向链接
2. 定期查看关系图谱，发现关联
3. 使用 Canvas 整理知识体系

# 示例
[[分布式事务]] 与 [[CAP理论]] 相关
[[分布式锁]] 的实现包括 [[Redis]] 和 [[Zookeeper]]

---

2. 学习进度追踪

# 使用 Calendar + Heatmap + Tasks

## Calendar
- 每天记录学习日志
- 自动生成日记文件

## Heatmap
- 可视化学习频率
- 保持学习动力

## Tasks
- 创建学习任务
- 设置截止日期
- 追踪完成状态

---

3. 面试题复习

# 使用 Dataview + Kanban

## Dataview 查询
```dataview
TABLE 难度, 频率, 状态
FROM "16-LeetCode Hot 100"
WHERE contains(标签, "高频")

Kanban 看板

## 复习进度
### 待复习
- [ ] 两数相加

### 已掌握
- [x] 无重复字符的最长子串

---

## 快捷键速查

| 功能 | 快捷键 |
|------|--------|
| 打开命令面板 | `Cmd + P` |
| 关系图谱 | `Cmd + G` |
| 新建 Canvas | `Cmd + N` → Canvas |
| 新建笔记 | `Cmd + N` |
| 搜索 | `Cmd + Shift + F` |
| 快速切换 | `Cmd + O` |
| 切换预览/编辑 | `Cmd + E` |

---

## 最佳实践

### 1. 组织结构

interview/ ├── 00-项目概述/ ├── 01-分布式系统/ ├── 02-数据库/ ├── ... ├── 16-LeetCode Hot 100/ ├── 学习日志/ # Calendar 生成的日记 └── 复习计划/ # Kanban 看板

### 2. 标签系统
- `#高频` - 高频面试题
- `#重点` - 重点掌握
- `#已掌握` - 已完全理解
- `#需复习` - 需要定期复习
- `#P7` - P7 级别要求

### 3. 模板使用
创建学习笔记模板，提高效率：

```markdown
---
tags: [面试题, #重点]
难度: Medium
频率: 高频
状态: 学习中
---

# [题目名称]

## 题目描述


## 解题思路


## 代码实现


## 复杂度分析


## 进阶问题


## P7 加分项


## 相关题目
- [[相关题目1]]
- [[相关题目2]]

---

故障排查

插件无法安装

• 检查网络连接
• 关闭代理
• 尝试手动安装

Dataview 查询无结果

• 检查文件路径是否正确
• 确认已启用 Dataview 插件
• 查看控制台错误信息

Graph View 不显示

• 确保有笔记链接
• 检查 Graph View 设置
• 尝试调整筛选条件

---

参考资源

• Obsidian 官方文档
• Dataview 文档
• Obsidian 插件市场

---

备注：所有插件配置已保存在 .obsidian/ 目录，可以自动同步。