DumbPad - 极简混合 Markdown 草稿本

DumbPad 是一款专注于速度、美感与跨端体验的极简 Markdown 编辑器。它采用了“混合编辑”模式，将 Markdown 的强大功能与所见即所得的直观性完美结合，特别针对移动端进行了深度交互优化。

🌟 核心特性

1. 混合编辑体验 (Hybrid Editor)

• 无缝切换：点击即进入编辑模式，离开即自动渲染，无需手动切换预览。
• 高性能渲染：基于 Vditor 核心，支持完整的 Markdown 语法及实时代码高亮。

2. 深度移动端优化

• 双标签侧边栏：移动端专属“目录”与“最近”双面板切换，最大化利用屏幕空间。
• 智能分组：侧边栏自动按日期（今天、昨天、2 天前等）对文件进行分组，并自动折叠较旧的记录。
• 触控友好：移动端支持长按唤出重命名与删除按钮，防止单手操作误触。
• 全 HTML 模态框：弃用原生弹窗，统一使用精心设计的移动端友好交互界面。

3. 精准搜索与导航

• 全局模糊搜索：支持中文搜索，即便文件众多也能秒速定位。
• 关键词直达：搜索结果点击后，编辑器会自动滚动到关键词所在行并进行高亮闪烁提示。

4. 极致交互 UX

• 悬浮助手组：
  • 智能滚动：根据阅读位置自动切换“一键触底”或“一键回顶”。
  • 快速复制：侧边悬浮复制按钮，随时随地一键提取全文。
• 沉浸式阅读：滑动页面时，所有悬浮按钮会自动渐隐隐藏，停止滑动后平滑出现，确保阅读无干扰。
• 全局快捷键：
  • Ctrl + Z：连续撤销更改。
  • Ctrl + Y：重做更改。
  • 支持在非编辑模式下直接触发撤销。

5. Quick Thoughts 待办

• 主任务 + 子任务：支持二层待办结构，子任务独立管理完成状态。
• 结构化存储：子任务以结构化数组存储，可通过 API 精确操作。
• 状态筛选：全部 / 待办 / 已完成 三态快速切换。
• 关键词搜索：搜索同时覆盖主任务和子任务文本。
• 日期过滤：按日期浏览历史待办记录。
• 兼容老数据：自动识别文本中的 - [ ] / - [x] 格式，编辑保存后迁移为新格式。
• 交互手势：
  • 单击文本 → 展开/收起长内容
  • 双击文本 → 进入编辑模式（Ctrl+Enter 保存，Esc 取消）
  • 长按文本 → 删除
  • 点击圆点 → 切换完成状态

6. 安全与同步

• PIN 码保护：支持访问权限校验，保护私密草稿。
• 多端同步：基于 WebSocket 的实时协作与多设备状态同步。
• PWA 支持：可作为应用安装到手机或桌面，支持离线查看及沉浸式全屏体验。

🚀 快速开始

1. 安装依赖：

   npm install

2. 配置环境变量： 参考 .env.example 创建 .env 文件，设置你的 DUMBPAD_PIN 等参数。

3. 启动应用：

   npm run dev

4. 访问： 默认地址为 http://localhost:3000

⌨️ 快捷键指南

快捷键	功能
Ctrl + Z	撤销 (Undo)
Ctrl + Y	重做 (Redo)
Ctrl + P	打印当前文档
Ctrl + \	搜索文档 (Search)

📚 文档

• API 文档 — 完整的 Thoughts REST API 参考

🛠️ 技术栈

• 后端：Node.js + Express
• 前端：Vanilla JS + CSS3 (Glassmorphism)
• 渲染：Vditor / Marked
• 存储：JSON 文件系统存储

---

让记录回归简单。