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>
424 lines
7.3 KiB
Markdown
424 lines
7.3 KiB
Markdown
# 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/` 目录,可以自动同步。
|