Skip to content

v0.2.0 — 设计与体验全面升级

Choose a tag to compare

@lora-sys lora-sys released this 11 Jul 07:41
· 215 commits to main since this release

v0.2.0 — Design + UX overhaul

最大的视觉和交互升级。所有功能保留并优化,新增 ⌘K 命令面板和拖拽看板。

✨ 视觉重设计

  • 类型配色系统 — 4 种实体类型各自专属颜色:人物橘 / 任务蓝青 / 项目紫 / 链接翡翠绿。卡片左侧色条、wikilink 胶囊、详情页 hero 边线统一用 type-color
  • 字体升级 — Fraunces serif 显示字体(标题)+ Inter sans(UI)+ JetBrains Mono(代码/slug)
  • 品牌标识 — 4 象限彩色方块,对应 4 种实体类型
  • 程序化头像 — 基于名字 hash 选 12 种渐变之一,同名永远一致
  • Dashboard 改版 — hero 区 + 渐变光晕、类型化统计卡、2 列布局(主区 + 右侧 widgets)、任务进度条
  • 空状态插画 — 5 种几何 SVG + 友好文案
  • Modal 顶部色条 — 按 type 上色,标题前有小写 label

🆕 新功能

  • ⌘K / Ctrl+K 命令面板 — 模糊搜索所有实体 + 快捷命令(新建 / 切主题 / 打开设置)
  • 看板拖拽 — 拖动任务卡片到其他列 = 切换状态,带乐观更新 + API 同步 + 失败回滚
  • 列内添加 — 每列底部 + 添加任务 按钮,预选该列状态
  • 搜索键盘导航 — ↑/↓ 移动高亮,Enter 跳转,Esc 关闭
  • 三套主题 — 浅色 / 深色 / 复古,右上角 toggle 一键切换

🛡 健壮性提升

  • 服务端加 uncaughtException 兜底,单个请求错误不再让整个进程崩溃
  • 容错的 frontmatter 解析(v0.1.0 修过,这次保留)

📊 对照

v0.2.0 相对 v0.1.0:

  • 新增 10 张截图,全部按新设计重拍
  • 新增 demo 视频 60 秒,覆盖核心流程
  • README + CHANGELOG 同步更新
  • 文档完整:架构、数据模型、设计升级方案保留在 docs/

🔧 技术细节

  • 后端代码 lib/server.mjs 仅 +9 行(错误兜底),其余所有改动都在前端
  • public/style.css 从 700+ 行扩到 1500+ 行,token + 组件完整重构
  • public/app.js 从 1200+ 行扩到 1500+ 行,新增命令面板、拖拽、SVG 空状态

🙏 已知限制(待办)

  • 浏览器扩展(一键剪藏网页)
  • 任务依赖 / 提醒
  • PDF / Office 预览
  • 移动端看板手势
  • 主题系统自定义 accent color

详见 CHANGELOG.md