Todolist是一个基于Next.js开发的网格便签应用，支持Markdown语法和实时预览。作为一款纯前端Web应用，它可以用作日常便签、待办事项或笔记本。无需后端支持，所有数据存储在本地，保护用户隐私。
最新版本增加了Markdown支持，类似Typora的实时编辑与预览体验，让便签内容更加丰富多样。
- ✅ 支持Markdown语法，实时编辑预览
- ✅ 拖拽创建便签，随意调整大小和位置
- ✅ 支持明暗两种主题，自动适应系统主题
- ✅ 纯前端实现，数据存储在本地，保护隐私
- ✅ 格式化工具栏，便于快速编辑Markdown内容
- ✅ 快捷键支持（Alt+C切换主题，Alt+R清空所有便签）
- 框架: React + Next.js
- Markdown: react-markdown
- 样式: CSS Modules
- 存储: LocalStorage
- Node.js 14.x 或更高版本
- npm 或 pnpm 包管理器
- 克隆仓库
git clone https://github.com/longyanjiang/todolist.git
cd todolist- 安装依赖
pnpm install
# 或
npm install- 本地运行
pnpm dev
# 或
npm run dev- 构建生产版本
pnpm build
# 或
npm run build-
创建便签: 在任意空白区域拖动鼠标即可创建一个新便签。
-
调整大小: 点击右下角的调整按钮，拖动可改变便签大小（最小尺寸为80×80像素）。
-
移动便签: 点击便签顶部，鼠标会变为小手，按住拖动即可移动。
-
编辑便签: 点击便签内容区域进入编辑模式，支持Markdown语法。
-
格式化工具: 编辑时上方会显示格式化工具栏，可快速应用Markdown格式。
-
切换主题: 使用
Alt + C快捷键切换明暗主题。 -
清空便签: 使用
Alt + R快捷键一次性清除所有便签。
目前不支持在移动端使用。本应用主要为桌面环境设计，暂不考虑移动端的兼容。如果确实有这方面的需求，后续版本可能会考虑。
默认情况下，应用会根据系统主题自动选择明暗模式。如需手动切换，请使用快捷键Alt + C。手动设置后，应用将不再跟随系统主题变化。
不会。所有数据仅存储在浏览器的本地存储中，不会上传到任何服务器，可以完全离线工作。
欢迎所有形式的贡献，包括但不限于：
- 提交问题或功能请求
- 提交代码改进
- 改进文档
请通过GitHub Issues提交问题，并尽可能提供以下信息：
- 详细的问题描述
- 复现步骤
- 浏览器和操作系统信息
- 相关的截图（如适用）
- Fork本仓库
- 创建您的功能分支 (
git checkout -b feature/amazing-feature) - 提交您的改动 (
git commit -m 'Add some amazing feature') - 推送到分支 (
git push origin feature/amazing-feature) - 开启一个Pull Request
本项目采用MIT许可证 - 详细信息请查看 LICENSE 文件。
如果您觉得这个项目有帮助，请给它一个⭐️！