Files
interview/Obsidian可视化插件指南.md
yasinshaw 0fbb50959e feat: add Obsidian visualization plugins and guide
Added comprehensive visualization plugins and setup guide:

**Installed Community Plugins:**
1. **Dataview** - Query and visualize data from Markdown files
   - Create tables, lists, task views
   - Filter and sort by metadata
2. **Kanban** - Task board with drag-and-drop
   - Track learning progress
   - Manage interview prep tasks
3. **Calendar** - Daily notes with calendar view
   - Track study consistency
   - Auto-generate daily journals
4. **Heatmap** - Activity heatmap (GitHub-style)
   - Visualize study frequency
   - Track learning streaks
5. **Obsidian Tasks** - Advanced task management
   - Query tasks by due date, tags, priority
   - Track overdue and upcoming tasks
6. **Obsidian Chart** - Create charts and graphs
   - Pie charts, bar charts, line charts
   - Visualize learning statistics
7. **Advanced Slides** - Create presentations
   - Build interview prep slides
   - Support for Marp.js

**Enhanced Core Plugins:**
- Enabled Graph Analysis for better relationship visualization
- Enabled Webviewer for embedded content

**Created Documentation:**
- Comprehensive installation and usage guide
- Plugin configuration examples
- Best practices for interview preparation
- Keyboard shortcuts
- Troubleshooting tips

**Use Cases:**
- Build knowledge graph with Graph View + Canvas
- Track progress with Calendar + Heatmap + Tasks
- Review problems with Dataview + Kanban
- Create presentations with Advanced Slides

All configurations saved in .obsidian/ directory for automatic sync.

Generated with [Claude Code](https://claude.ai/code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
2026-03-06 10:50:03 +08:00

424 lines
7.3 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# 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/` 目录,可以自动同步。