NOTEDASHBOARD
yuze-jiobsidian-dashboard-template
🎨 Obsidian优雅仪表板模板
一个功能丰富、设计优美的Obsidian仪表板,包含笔记活动可视化、番茄时钟、项目管理、任务追踪等功能。
特色亮点 ✨
- 📊 笔记活动追踪 - 年月周三视图,展示你的写作热力图
- ⏱️ 番茄时钟 - 倒计时和累加两种模式,记录专注时间
- 🎯 项目管理 - 快速添加、编辑、删除项目,显示优先级和进度
- 📋 任务管理 - 今日任务、待办任务、已完成任务的分类显示
- 📈 数据统计 - 实时显示笔记数量、字数、链接数等数据
- 🌍 多语言支持 - 中文/英文一键切换
- 🌙 主题自适应 - 浅色/深色主题自动适配,协调的绿色配色
🔧 系统要求
必需
- ✅ Obsidian 1.0+
- ✅ Dataview插件 - DataviewJS核心依赖
- ✅ 互联网连接(用于CDN资源:Chart.js、Google Fonts)
可选
- 📦 Periodic Notes - 自动创建日记
- 📋 Tasks - 增强型任务管理
📦 快速安装(5分钟)
1️⃣ 安装Dataview插件
- 打开Obsidian → 设置 ⚙️ → Community plugins
- 搜索
Dataview→ Install → Enable - 在Dataview设置中启用:
- ✅ JavaScript Queries
- ✅ Inline Queries
2️⃣ 复制仪表板文件
将本仓库的文件复制到你的Obsidian:
你的Obsidian仓库/
├── Dashboard/
│ ├── Homepage.md ← 主仪表板
│ ├── Project List.md ← 项目数据
│ └── Todo List.md ← 待办任务
└── Projects/
└── (你的项目文件)
3️⃣ 配置项目数据
在 Dashboard/Project List.md 添加你的项目:
---
tags: project-list
projects:
- name: 我的项目
status: active
priority: high
progress: 50
---
4️⃣ 创建主页链接
在你的Obsidian主页创建链接:
[[Dashboard/Homepage.md|📊 仪表板]]
5️⃣ 完成!
打开Homepage.md,仪表板应该正常显示 🎉
📖 详细配置指南
复杂的配置问题?查看 SETUP_GUIDE.md 获取:
- 完整的Dataview配置步骤
- 文件夹结构最佳实践
- localStorage数据存储说明
- CDN资源信息
- 常见问题解决
🎮 功能说明
笔记活动卡片
- 年视图:最近365天的写作热力图
- 月视图:当月详细日历
- 周视图:最近7天详情
- 自动统计活跃日、文件活动、新增笔记
番茄时钟
- 支持自定义专注时间(1-180分钟)
- 倒计时模式:固定时长专注
- 累加模式:灵活记录任意长度专注
- 自动保存每日专注时间到localStorage
- 实时显示今日和本月统计
项目管理
- 快速添加/编辑/删除项目
- 支持4种状态:规划中、进行中、暂停、已完成
- 3个优先级:低、中、高
- 进度条可视化(0-100%)
- 关联笔记功能
任务管理
- 三分类显示:今日、待办、已完成
- 自动识别高优先级任务(#priority/high标签)
- 固定任务(📌符号)显示在最前
- 实时统计今日、本周、本月完成情况
数据统计
- 笔记总数
- 全库字数统计
- 链接总数
- 最近12个月字数趋势(柱状图)
- 标签分布(甜甜圈图)
🎨 配色方案
-
浅色主题:柔和的绿色渐变
- 浅绿:
rgba(154, 208, 180, ...) - 中绿:
rgba(93, 167, 110, ...)
- 浅绿:
-
深色主题:深邃的绿色
- 浅绿:
rgba(130, 190, 160, ...) - 深绿:
rgba(65, 140, 90, ...)
- 浅绿:
🌍 多语言切换
点击右上角的"中 / En"按钮即可在中英文之间切换。
📝 任务格式
在你的任务文件中使用以下格式:
- [x] 任务名称 📌 #priority/high #tag1 #tag2 ✅ 2026-08-26
- [ ] 待完成任务
[x]表示已完成,[ ]表示未完成📌表示固定(会显示在最前)#priority/high表示高优先级✅ YYYY-MM-DD表示完成日期- 其他
#标签会自动识别
🔧 自定义
修改配色
编辑 Homepage.md 中的颜色值:
- 搜索
rgba(154, 208, 180替换为你喜欢的颜色
修改番茄时钟默认时间
在番茄时钟代码块中修改 DEFAULT_FOCUS_TIME
修改任务目标值
在任务统计部分修改:
var todayTarget = 5, weekTarget = 25, monthTarget = 100;
💡 使用建议
- 每日回顾:早上或晚上打开仪表板,查看前一天的进度
- 番茄工作法:使用番茄时钟专注工作,自动记录数据
- 项目跟踪:定期更新项目进度,一目了然
- 任务管理:将大任务分解为小任务,逐个完成
📱 浏览器兼容性
- ✅ Chrome/Edge(推荐)
- ✅ Firefox
- ✅ Safari
- ✅ Obsidian移动端
🐛 常见问题
Q: 图表不显示? A: 确保网络连接正常,Chart.js CDN可以正常加载。
Q: 数据没有保存? A: 确保浏览器允许localStorage,且没有清除浏览数据。
Q: 任务没有识别?
A: 检查任务格式是否正确,确保使用 ✅ YYYY-MM-DD 格式记录完成日期。
📄 许可证
MIT License - 自由使用和修改
🤝 贡献
欢迎提交Issue和Pull Request!
📮 反馈
如有问题或建议,欢迎在GitHub提交Issue。
提示:这是一个演示模板。请根据你的需求自定义和扩展功能。
享受你的Obsidian之旅!🚀
How to Install
- Download the dashboard markdown file from GitHub
- Drop it into your vault (anywhere)
- Install the Homepage plugin and point it at the file
- Enable any listed CSS snippets for the intended look
Stats
Stars
1
Forks
0
License
MIT
Last updated 3d ago
Categories