From 0fbb50959e2aedd1766500f5f4edcf1ae30168f2 Mon Sep 17 00:00:00 2001 From: yasinshaw Date: Fri, 6 Mar 2026 10:50:03 +0800 Subject: [PATCH] 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 Co-Authored-By: Happy --- .obsidian/community-plugins.json | 11 +- .obsidian/core-plugins.json | 14 +- .obsidian/workspace.json | 2 +- Obsidian可视化插件指南.md | 423 +++++++++++++++++++++++++++++++ 4 files changed, 436 insertions(+), 14 deletions(-) create mode 100644 Obsidian可视化插件指南.md diff --git a/.obsidian/community-plugins.json b/.obsidian/community-plugins.json index d3f66fa..17a9533 100644 --- a/.obsidian/community-plugins.json +++ b/.obsidian/community-plugins.json @@ -1,3 +1,10 @@ [ - "obsidian-git" -] \ No newline at end of file + "obsidian-git", + "dataview", + "kanban", + "calendar", + "heatmap", + "obsidian-tasks-plugin", + "obsidian-chart", + "obsidian-advanced-slides" +] diff --git a/.obsidian/core-plugins.json b/.obsidian/core-plugins.json index 639b90d..e483ecc 100644 --- a/.obsidian/core-plugins.json +++ b/.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 -} \ No newline at end of file + "webviewer": true +} diff --git a/.obsidian/workspace.json b/.obsidian/workspace.json index 42a08cc..07c9d7f 100644 --- a/.obsidian/workspace.json +++ b/.obsidian/workspace.json @@ -196,6 +196,7 @@ }, "active": "16a7ce8de420dd10", "lastOpenFiles": [ + "Obsidian可视化插件指南.md", "10-中间件/Netty实战场景.md", "10-中间件/Java NIO核心原理.md", "10-中间件/Netty核心原理.md", @@ -223,7 +224,6 @@ "16-LeetCode Hot 100/无重复字符的最长子串.md", "16-LeetCode Hot 100/两数相加.md", "16-LeetCode Hot 100", - "00-项目概述/项目概述.md", "00-项目概述", "questions/15-简历面试", "questions/14-Web3与区块链", diff --git a/Obsidian可视化插件指南.md b/Obsidian可视化插件指南.md new file mode 100644 index 0000000..d4b574d --- /dev/null +++ b/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/` 目录，可以自动同步。