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>
This commit is contained in:
2026-03-06 10:55:55 +08:00
parent 0fbb50959e
commit 04732a0119
2 changed files with 321 additions and 1 deletions

View File

@@ -196,6 +196,7 @@
},
"active": "16a7ce8de420dd10",
"lastOpenFiles": [
"Obsidian技能使用指南.md",
"Obsidian可视化插件指南.md",
"10-中间件/Netty实战场景.md",
"10-中间件/Java NIO核心原理.md",
@@ -222,7 +223,6 @@
"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-项目概述",
"questions/15-简历面试",

View File

@@ -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 仓库。