docs: add Obsidian skills usage guide

Added comprehensive guide for Obsidian visualization skills:

**Installed Obsidian Skills:**
1. obsidian-bases - Database view management
2. obsidian-cli - Command-line operations
3. obsidian-markdown - Flavored markdown creation

**Installed Obsidian Plugins:**
Community Plugins:
- dataview - Query and visualize data
- kanban - Task board view
- calendar - Daily notes calendar
- heatmap - Activity heatmap (GitHub-style)
- obsidian-tasks-plugin - Advanced task management
- obsidian-chart - Create charts and graphs
- obsidian-advanced-slides - Presentation slides
- obsidian-git - Git version control

Core Plugins:
- canvas - Whiteboard canvas
- bases - Database views
- graph - Relationship graph
- graph-analysis - Graph analysis
- webviewer - Web content viewer

**Guide Contents:**
- Skill usage examples
- Visualization workflows
- Best practices
- Keyboard shortcuts
- Troubleshooting tips
- Integration with Claude Code

**Use Cases:**
1. Knowledge graph building with Graph + Canvas
2. Learning progress tracking with Kanban + Tasks
3. Interview preparation planning with Bases
4. Statistics visualization with Charts
5. Daily learning flow with Calendar + Heatmap

All configurations saved in .obsidian/ 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>

.obsidian/community-plugins.json

@@ -1,3 +1,10 @@
 [
-  "obsidian-git"
-]
+  "obsidian-git",
+  "dataview",
+  "kanban",
+  "calendar",
+  "heatmap",
+  "obsidian-tasks-plugin",
+  "obsidian-chart",
+  "obsidian-advanced-slides"
+]

.obsidian/core-plugins.json

@@ -3,31 +3,23 @@
   "global-search": true,
   "switcher": true,
   "graph": true,
+  "graph-analysis": true,
   "backlink": true,
   "canvas": true,
   "outgoing-link": true,
   "tag-pane": true,
-  "footnotes": false,
   "properties": true,
   "page-preview": true,
   "daily-notes": true,
   "templates": true,
   "note-composer": true,
   "command-palette": true,
-  "slash-command": false,
   "editor-status": true,
   "bookmarks": true,
-  "markdown-importer": false,
-  "zk-prefixer": false,
-  "random-note": false,
   "outline": true,
   "word-count": true,
-  "slides": false,
-  "audio-recorder": false,
-  "workspaces": false,
   "file-recovery": true,
-  "publish": false,
   "sync": true,
   "bases": true,
-  "webviewer": false
-}
+  "webviewer": true
+}

.obsidian/workspace.json

@@ -196,6 +196,8 @@
   },
   "active": "16a7ce8de420dd10",
   "lastOpenFiles": [
+    "Obsidian技能使用指南.md",
+    "Obsidian可视化插件指南.md",
     "10-中间件/Netty实战场景.md",
     "10-中间件/Java NIO核心原理.md",
     "10-中间件/Netty核心原理.md",
@@ -221,9 +223,7 @@
     "16-LeetCode Hot 100/盛最多水的容器.md",
     "16-LeetCode Hot 100/三数之和.md",
     "16-LeetCode Hot 100/无重复字符的最长子串.md",
-    "16-LeetCode Hot 100/两数相加.md",
     "16-LeetCode Hot 100",
-    "00-项目概述/项目概述.md",
     "00-项目概述",
     "questions/15-简历面试",
     "questions/14-Web3与区块链",

Obsidian可视化插件指南.md

@@ -0,0 +1,423 @@
+# 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/` 目录，可以自动同步。

Obsidian技能使用指南.md

@@ -0,0 +1,320 @@
+# Obsidian 可视化技能使用指南
+
+## 已安装的 Obsidian 技能
+
+你目前已经安装了以下 Obsidian 相关的 Claude Code 技能：
+
+### 1. **obsidian-bases** - Obsidian 数据库技能
+用于创建和管理 Obsidian 的 Bases（数据库视图）。
+
+**使用场景**：
+- 创建数据库视图管理笔记
+- 追踪面试题进度
+- 管理学习计划
+
+**调用方式**：
+```
+请使用 obsidian-bases 技能创建一个面试题追踪数据库
+```
+
+---
+
+### 2. **obsidian-cli** - Obsidian 命令行技能
+通过命令行操作 Obsidian vault。
+
+**使用场景**：
+- 批量操作笔记
+- 搜索和查询
+- 自动化工作流
+
+**调用方式**：
+```
+使用 obsidian-cli 技能搜索所有分布式系统的面试题
+```
+
+---
+
+### 3. **obsidian-markdown** - Obsidian Markdown 技能
+创建和编辑 Obsidian Flavored Markdown。
+
+**使用场景**：
+- 创建格式化的笔记
+- 添加 wikilinks
+- 使用 Obsidian 特性
+
+**调用方式**：
+```
+用 obsidian-markdown 技能创建一个新的面试题笔记
+```
+
+---
+
+## 已安装的可视化插件（通过 Obsidian）
+
+你的 Obsidian 已经配置了以下可视化插件：
+
+### 社区插件
+
+1. **dataview** - 数据查询与可视化
+2. **kanban** - 看板视图
+3. **calendar** - 日历视图
+4. **heatmap** - 活动热力图
+5. **obsidian-tasks-plugin** - 任务管理
+6. **obsidian-chart** - 图表插件
+7. **obsidian-advanced-slides** - 幻灯片
+8. **obsidian-git** - Git 版本控制
+
+### 核心插件
+
+1. **canvas** - 白板画布
+2. **bases** - 数据库视图
+3. **graph** - 关系图谱
+4. **graph-analysis** - 图谱分析
+5. **webviewer** - 网页查看器
+
+---
+
+## 推荐的可视化工作流
+
+### 1. 知识图谱构建
+
+**步骤**：
+1. 在 Obsidian 中打开你的 vault
+2. 按 `Cmd + G` 打开关系图谱
+3. 查看知识点之间的关联
+4. 使用 Canvas 创建思维导图
+
+**Claude Code 配合**：
+```
+使用 obsidian-markdown 技能创建一个新的笔记，包含以下内容：
+- 题目：分布式事务
+- 标签：#分布式系统 #重点
+- 链接到相关笔记：[[CAP理论]] [[BASE理论]]
+```
+
+---
+
+### 2. 学习进度追踪
+
+**使用 Kanban**：
+```markdown
+```kanban
+## 学习进度
+
+### 待学习
+- [ ] [[两数相加]]
+- [ ] [[三数之和]]
+- [ ] [[无重复字符的最长子串]]
+
+### 学习中
+- [x] [[盛最多水的容器]]
+
+### 已完成
+- [x] [[电话号码的字母组合]]
+- [x] [[删除链表的倒数第N个结点]]
+```
+```
+
+**使用 Dataview**：
+```markdown
+```dataview
+TABLE 难度, 状态, 标签
+FROM "16-LeetCode Hot 100"
+WHERE contains(标签, "高频")
+SORT 文件名 ASC
+```
+```
+
+---
+
+### 3. 面试题复习计划
+
+**使用 Bases 数据库**：
+1. 在 Obsidian 中创建新的 Base
+2. 添加列：题目、难度、频率、状态、下次复习
+3. 使用过滤器查看需要复习的题目
+
+**使用 Tasks 插件**：
+```markdown
+- [ ] 复习 [[两数相加]] 🔄 2024-03-10
+- [ ] 复习 [[三数之和]] 🔄 2024-03-11
+- [ ] 复习 [[最长回文子串]] 🔄 2024-03-12
+```
+
+---
+
+### 4. 统计可视化
+
+**使用 Chart 插件**：
+```markdown
+# 学习统计
+
+## 题目分布
+```chart
+type: pie
+labels: ['数组', '链表', '树', '动态规划']
+data: [8, 5, 6, 4]
+```
+
+## 刷题进度
+```chart
+type: bar
+labels: ['Week 1', 'Week 2', 'Week 3']
+datasets:
+  - label: '完成数量'
+    data: [5, 8, 12]
+    backgroundColor: '#36A2EB'
+```
+```
+
+---
+
+## Claude Code 技能使用示例
+
+### 示例 1：创建结构化笔记
+
+```
+使用 obsidian-markdown 技能创建一个新的 LeetCode 题目笔记：
+- 文件名：16-LeetCode Hot 100/二叉树的最大深度.md
+- 包含：题目、解法、代码、复杂度分析
+- 添加 wikilinks 到相关题目
+```
+
+### 示例 2：批量查询
+
+```
+使用 obsidian-cli 技能查询：
+- 所有标记为 #高频 的题目
+- 按难度分组统计
+- 生成学习进度报告
+```
+
+### 示例 3：创建数据库视图
+
+```
+使用 obsidian-bases 技能创建：
+- 面试题追踪数据库
+- 列：题目、难度、频率、状态、复习日期
+- 设置过滤器显示未完成的题目
+```
+
+---
+
+## 快捷键速查
+
+| 功能 | 快捷键 |
+|------|--------|
+| 关系图谱 | `Cmd + G` |
+| 命令面板 | `Cmd + P` |
+| 新建 Canvas | `Cmd + N` → Canvas |
+| 快速切换 | `Cmd + O` |
+| 全局搜索 | `Cmd + Shift + F` |
+| 切换预览/编辑 | `Cmd + E` |
+
+---
+
+## 最佳实践
+
+### 1. 标签系统
+- `#高频` - 高频面试题
+- `#重点` - 重点掌握
+- `#已掌握` - 已完全理解
+- `#需复习` - 需要定期复习
+- `#P7` - P7 级别要求
+
+### 2. 笔记结构
+```markdown
+---
+tags: [面试题, #重点, #高频]
+难度: Medium
+频率: 高
+状态: 学习中
+---
+
+# [题目名称]
+
+## 题目描述
+
+## 解题思路
+
+## 代码实现
+
+## 复杂度分析
+
+## 进阶问题
+
+## P7 加分项
+
+## 相关题目
+- [[相关题目1]]
+- [[相关题目2]]
+```
+
+### 3. 每日学习流程
+1. **Calendar** - 记录每日学习日志
+2. **Heatmap** - 可视化学习频率
+3. **Tasks** - 创建和完成任务
+4. **Kanban** - 更新学习进度
+5. **Graph** - 查看知识关联
+
+---
+
+## 技能调用示例
+
+### 与 Claude Code 配合使用
+
+**场景 1：创建学习计划**
+```
+请使用 obsidian-bases 技能帮我创建一个学习计划数据库：
+1. 包含所有 16-LeetCode Hot 100 的题目
+2. 添加难度、频率、状态等字段
+3. 设置视图筛选出本周需要完成的题目
+```
+
+**场景 2：生成复习清单**
+```
+使用 obsidian-cli 和 dataview 插件：
+1. 查询所有标签为 #需复习 的题目
+2. 按难度排序
+3. 生成下周的复习计划
+```
+
+**场景 3：可视化进度**
+```
+使用 obsidian-chart 技能：
+1. 统计各分类的题目数量
+2. 生成饼图展示
+3. 创建刷题进度的折线图
+```
+
+---
+
+## 故障排查
+
+### 技能无法调用
+- 确认技能已安装在 `~/.claude/skills/` 目录
+- 重启 Claude Code
+- 检查技能的 README 文件
+
+### 插件无法使用
+- 在 Obsidian 中：设置 → 社区插件
+- 确认插件已启用
+- 查看控制台错误信息
+
+### Dataview 查询无结果
+- 检查文件路径是否正确
+- 确认 metadata 格式正确
+- 查看 Dataview 文档
+
+---
+
+## 相关资源
+
+- [Obsidian 官方文档](https://help.obsidian.md/)
+- [Obsidian 插件市场](https://obsidian.md/plugins)
+- [Dataview 文档](https://blacksmithgu.github.io/obsidian-dataview/)
+- [Claude Code 技能文档](https://github.com/anthropics/claude-code)
+
+---
+
+**提示**：所有配置已保存在 `.obsidian/` 目录，可以自动同步到 Git 仓库。