发表于

搭建个人起始网站,便于控制浏览器使用和时间规划

Authors

浏览器是现代工作流的核心平台,其效率直接影响信息获取和任务处理的速度。优化浏览器的第一步,就是优化其起始页面或新标签页。一个功能强大的浏览器主页,不仅应是搜索入口,更应是任务管理的控制中心。本文将介绍如何基于开源项目Modern Start Page,打造一个符合个人需求的个人起始网站。

Modern Start Page 项目以其极简的设计理念——一个强大的搜索框——为基础,提供了高度可定制化的空间。

msp-preview

在此基础上,我进行二次开发,主要集成了以下功能,旨在构建一个全面的效率工具:

核心功能

1. 搜索与命令栏

  • 斜杠搜索胶囊: 输入 / 加上引擎名称(如 Google, Bing)和关键词,即可实现多引擎联想与直达。
  • 快捷键: 使用 ⌘K / Ctrl+K 可快速聚焦命令栏。
  • /time 胶囊预览: 在命令栏中预览近期的事件卡片,并能直接进行“完成/开始/暂停”等操作。

2. 导航与收藏 (Index/Nav)

  • 板块化导航: 支持网格或瀑布流布局,清晰展示网站分组与链接。
  • 便捷管理: 支持在板块内一键添加、删除网站,并可通过拖拽调整板块顺序,交互体验流畅。

3. 计时与待办 (事件系统)

  • 快速创建: 输入 @ 创建计时器,输入 + 创建待办事项。
  • 智能提醒: 首页仅展示紧急项(如逾期、24小时内到期、高重要度),确保焦点。
  • 实时同步: 卡片内操作会即时保存并通过 msp-events-change 事件广播,实现多页面同步。
  • /time 管理页: 提供完整的待办清单管理功能。

4. 配置与持久化

  • 文件落地: 所有配置与事件数据分别保存在 data/config.jsondata/events.json 中,确保数据安全。
  • API 接口: 提供 /api/events/api/config 等接口,便于进一步扩展。
  • 主题与背景: 内置多款主题,并支持自定义壁纸。

image-20251015214017346

多款主题展示

image-20251015214056854

image-20251015214115727

image-20251015214142317

总结与展望

目前,这个基于 Modern Start Page 改造的浏览器主页已能满足基本的效率需求。然而,我的最终目标是将其与一个更强大的时间管理系统深度集成。

当前面临的挑战是,现有开源时间管理项目或过于陈旧,或缺少必要的日志同步功能。因此,重新构建一个支持日志驱动的时间管理模块成为下一步计划,但这需要攻克一些特定且小众的技术栈。尽管AI在很多领域表现出色,但在处理这类需要深度阅读和理解冷门文档的任务上仍有局限。

尽管如此,这依然是一个值得探索的方向。一个高效的个人起始网站,理应成为连接信息与任务的桥梁。