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

## 已安装的可视化插件

### 1. **Dataview** - 数据查询与可视化
从 Markdown 文件中查询数据并以表格、列表、任务等形式展示。

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

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

# 查询分布式系统相关题目
```dataview
LIST
FROM "01-分布式系统"
WHERE file.link
SORT file.name
```

# 统计各分类题目数量
```dataview
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
```

# 查询逾期任务
```tasks
is overdue
sort by due date
```

# 查询本周任务
```tasks
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：手动安装

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

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

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

---

## 推荐的可视化工作流

### 1. 知识图谱构建

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

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

---

### 2. 学习进度追踪

```markdown
# 使用 Calendar + Heatmap + Tasks

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

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

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

---

### 3. 面试题复习

```markdown
# 使用 Dataview + Kanban

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

## Kanban 看板
```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 官方文档](https://help.obsidian.md/)
- [Dataview 文档](https://blacksmithgu.github.io/obsidian-dataview/)
- [Obsidian 插件市场](https://obsidian.md/plugins)

---

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