Glass Keep – 界面超棒的Google Keep风格笔记应用

Glass Keep 是一款类似 Google Keep 风格的笔记应用，支持 Markdown、清单、图片、标签芯片、颜色主题、暗黑模式、拖拽排序、导入/导出、认证和玻璃质感 UI，基于 Vite + React 构建，并配有微型的 Express + SQLite API。同时支持 PWA，可安装到桌面和手机使用，还支持从 Google Keep 迁移数据到该工具。

通过 Docker 一键部署或本地 npm 安装即可使用，感兴趣的同学可以试一下。

J.Cling 推荐拓展：

主要功能特点

认证与多用户
- 注册、登录（用户名+密码）、退出登录
- 秘密恢复密钥下载 + 使用秘密密钥登录
- 每个用户只能看到自己的笔记
协作（实时） ✅ 新增
- 清单的实时协作 — 多人可以一起添加/勾选项目，并即时看到更新。
- 笔记的协作 — 共同编辑 Markdown 笔记，并观察更改在协作者间同步。
管理面板
- 新的管理员面板侧边栏，在三点下拉菜单中包含许多功能，如添加新用户、切换新账户创建 ✅ 新功能
- (旧方法) 访问：http://localhost:5173/#/admin (开发) 或 http://localhost:8080/#/admin (Docker/生产) 查看完整列表并仅删除
- 查看 所有用户 ，包括：姓名、邮箱/用户名、 是否为管理员 ， 笔记数量 ， 已用存储 ，创建时间
- 删除用户 (也会删除他们的笔记；防止删除最后一个管理员)
笔记
- 文本笔记支持 Markdown（H1/H2/H3，粗体，斜体，删除线，链接，引用，内联/围栏代码）
- 清单（添加项目，切换完成状态，内联编辑）
- 智能回车继续列表 / 在空行时退出
- 编辑器中的格式工具栏 （作曲家 + 模态编辑模式）
- 从查看模式在新标签页中打开链接
图片
- 附加多张图片（客户端压缩）
- 网格中显示缩略图，模态框中显示较大图片
- 全屏查看器 ，带有下一张/上一张 + 下载图片
组织与布局
- 固定/取消固定 ；”固定” / “其他” 部分
- 标签作为芯片 （逗号输入→芯片；快速添加/删除）
- 标签侧边栏/抽屉 ，包含所有标签及数量列表
- 快速筛选： 笔记（全部） 和 所有图片
- 每条笔记的 颜色主题
- 搜索标题、Markdown 文本、标签、清单项、图片名称
- 拖动以重新排序 每个部分
- 网格卡片在溢出时显示截断的正文，标签芯片显示 …
模态框
- 磨砂模糊背景； 固定头部
- 查看/编辑切换按钮
- 固定，更多（⋮）菜单（ 下载.md），关闭
- 页脚：标签芯片编辑器，调色板，添加图片， 删除（确认对话框），保存
- 点击正文中的编辑按钮切换到编辑模式
- 视图模式下的密集列表渲染（间距最小）
PWA
- 可在桌面和移动设备上安装
批量操作（多选） ✅ 新增
- 一次性选择多个笔记进行下载、固定/取消固定、删除或更改颜色。
数据
- 导出所有 笔记（JSON）和导入（合并；保留现有笔记）
- 每条笔记 下载 .md
- 从 Google Keep (Google Takeout) 导入 — 一次性选择多个 .json 文件将您的 Keep 笔记迁移过来。 ✅ 新功能
- 后端：Express API + SQLite (better-sqlite3)
UI/主题
- Tailwind (v4) 玻璃态设计风格
- 深色/浅色模式并保持状态
- 响应式头部：汉堡包图标 + 标志；“Glass Keep”标题在小屏幕上隐藏