Bedic 全文索引

搜索公开内容

项目PROJECT

Obsidian的配置与美化 V2(五)——Homepage工作台与组件设计

设计一张真正帮助开始工作的 Homepage:今日任务、番茄钟、快速入口、项目目录、发布状态和继续写作。

更新
阅读
5 分钟
状态
进行中

Obsidian的配置与美化 V2(五)——Homepage工作台与组件设计

Dashboard 很容易做成一张展示海报:大标题、天气、热力图、音乐、名言、生日倒计时,一个不少。它看起来丰富,却不一定能回答最重要的问题——我现在应该做什么?

V2 的 Homepage 把“开始工作”放在第一位。装饰仍然存在,但每个占据明显空间的组件都必须提供实际价值,而且不能依赖网络。

Homepage 的打开规则

Homepage 插件使用固定的 Main Homepage 配置,把 99 System/Views/Dashboard.md 以阅读视图打开。它有三个入口:

  1. 启动 Vault 时自动打开;
  2. 点击左侧主页按钮或执行 Homepage 命令时打开;
  3. 关闭最后一个主标签页、工作区变空时自动恢复 Dashboard。

第三条很重要。主页不只是启动动画,而是工作区没有上下文时的默认落点。打开 Homepage 也不会粗暴关闭正在编辑的其他笔记。

Dashboard 自身只需要声明一个样式类:

cssclasses:
  - bedic-dashboard
obsidianUIMode: preview
publish: false

所有扩宽、卡片布局和装饰都限定在这个类里,普通笔记不会被一起拉宽。

顶部不再放一个巨大的“工作台”

Hero 使用 Vault 名称 Bed 作为身份,而不是占据半屏的通用标题。它包含:

  • 根据时间变化的一句简短问候;
  • 当前日期;
  • 逾期、Inbox、进行中项目和已发布数量;
  • 本地 CSS 绘制的 Vault orbit;
  • 唯一的主操作 + New

它先告诉我当前环境和积压情况,然后把焦点交给创建入口。没有六个并列的新建按钮,也没有与工作无关的远程图片。

工作台组件分工

组件 内容 作用
今日焦点 逾期与今天到期的真实任务复选框 决定第一件要处理的事
Focus timer 25 分钟专注、5 分钟短休、15 分钟长休 提供本地专注节奏和视觉锚点
快速入口 Inbox、Tasks、Daily、Blog、Wiki、Projects 进入对应的完整 Base,而不是展开文件夹
Projects 每个一级项目文件夹一张卡片 先浏览项目,再按需查看直接子项
Release pipeline 已发布/私有数量、最近状态与发布审查入口 让公开动作可见但不喧宾夺主
Next 14 days 最近两周内的未完成日期任务 观察今天之后的负载
Continue writing 最近修改的非系统笔记 快速恢复上下文
Week rhythm 本地七天日期条和本周提示 提供轻量时间方向
Content collections Blog、Wiki、Projects、Release 四个 Base 从摘要层进入完整结构化视图
Vault signoff BED / PRIVATE BY DEFAULT 再次提示私下成稿、明确发布

今日没有任务时也要有合适的状态

如果没有逾期和到期任务,今日焦点不会留下一块空白,也不会伪造一条鼓励语录。它显示 RUNWAY CLEAR,并建议从在途项目里挑一个最小步骤继续推进。

空状态是界面的一部分。它应该解释“为什么这里为空”和“下一步可以去哪里”,而不是让人怀疑查询坏了。

番茄钟为什么不再安装一个插件

计时器只是当前视图里的临时状态,不需要写入笔记,也不需要同步。Dashboard 使用一个本地 DataviewJS 组件实现 25/5/15 三种模式、开始、暂停和重置。

计时器按墙上时钟计算结束时间,不依赖每秒累减来保持准确;Dashboard 离开 DOM 后会清理 interval 和事件监听。它只在运行时显示呼吸动画,关闭页面后没有后台任务,也不会制造新的数据格式。

Projects 采用“文件夹优先”

V1 式项目列表把每个 Project 文件都平铺出来,项目稍多就会很臃肿。V2 只显示 30 Projects 下的一级文件夹,例如 Obsidian 配置、Windows 与 WSL 终端、OpenCode、数字 IC 环境和博客系统搭建。

鼠标悬停或键盘聚焦某个项目卡片时,才显示这个文件夹的直接子笔记。浮层不会把下面的卡片推开,空项目仍保留卡片,但不会额外写“悬停查看子项”或“空项目目录”这类说明性文字。

一张首页和完整列表的边界

Dashboard 负责摘要和导航,不负责替代文件管理器。点击“打开全部任务”或快速入口后,会打开原生 Base,其中列出该目录下的所有文件,用户可以排序、筛选,再进入具体笔记。

这样首页不需要不断展开列表,也不会因为文件数量增长而失控。Homepage 保持轻,Bases 负责深度浏览。

响应式布局

Dashboard 在大屏幕上使用响应式最大宽度 1760px 和非对称十二列网格。主要信息通常占八列,辅助组件占四列;中等宽度变成 7/5 两条工作带,窄屏再变成单列。

普通笔记仍保留 Maple 约 920px 的长文行宽。宽屏是 Homepage 的特权,不是全局排版规则。

导航卡片还额外限制了最小宽度和换行,并为 0.8px 主题边框预留完整栅格像素。这样浅色模式下第一列左边框不会被裁掉,长标题也不会制造嵌套横向滚动条。

动画必须服从工作

面板进入、按钮上浮、按下压缩、导航箭头和 + New 的短暂高光都只用于反馈状态。它们不会改变布局,也不会遮挡命中区域。用户启用减少动态效果后,动画全部停止。

Homepage 最终不是一张越堆越满的卡片墙,而是一层薄薄的控制台:看清今天、进入正确列表、继续最近工作,然后尽快离开首页去写内容。

上一篇:Obsidian的配置与美化 V2(四)——插件分工与一键创建工作流
下一篇:Obsidian的配置与美化 V2(六)——Projects、Bases与文件管理

RESPONSE DESK / 读者来信

继续这场讨论

浏览 评论

指出疏漏、补充案例,或留下你在实践中遇到的新问题。

评论区将在接近此处时加载。