开篇
你还记得那款完全跑在浏览器里的看板吗？
不用注册、不用服务器、数据只存在本地。打开网页就能用，关掉网页数据还在。
最近它迎来了一次重要更新。编辑器从左右分栏变成了所见即所得，任务卡片里可以直接插图，备份也从 Excel 升级成了完整 ZIP 包。
最重要的是——所有数据依然不会离开你的浏览器。
本文带你看看这次升级的三个核心功能，以及它们如何改变你使用看板的方式。
升级一：所见即所得的 Markdown 编辑器
之前的痛点
旧版编辑器是经典的左右分栏：左边写源码，右边看预览。
这种模式有两个问题。一是屏幕空间被一分为二，内容多时显得局促。二是你需要在两个区域间来回切换注意力，编辑体验不够沉浸。
现在的体验
新版采用 Vditor 即时渲染模式，单栏编辑，所见即所得。
正文直接以渲染效果显示。光标在哪一行，哪一行才显示 Markdown 源码。你既能看到格式化后的完整效果，又能精准编辑源码。
工具栏默认隐藏，编辑区更加干净。在编辑器内任意位置右键，即可呼出完整菜单：
- 加粗、斜体、删除线
- 链接、表格、任务列表
- 图片上传
- emoji 表情面板
所有操作都会保留当前选中内容。不需要离开编辑区，不需要记快捷键，右键就能搞定。
主题联动
编辑器自动跟随应用的明暗主题与强调色。
深色模式下，文字与对比度自动适配，阅读依然清晰。任务列表里的复选框，使用你设置的主题强调色渲染。
升级二：任务里可以直接插图
为什么图片很重要
纯文字的看板有局限。设计稿截图、页面原型、手绘流程图——这些视觉信息比文字更直观。
之前你只能用文字描述，或者贴个外链图片。现在不一样了。
三种插入方式
方式一：右键菜单 在编辑器内右键，选择「图片」，从本地选择文件即可。
方式二：直接粘贴
截图后直接 Ctrl/Cmd + V 粘贴到编辑器里，图片自动插入。
方式三：拖拽 把图片文件拖进编辑器，同样可以上传。
图片在 Markdown 中以  的格式引用。你不会看到一大串 base64 编码污染文本。
存储方式
图片二进制保存在浏览器 IndexedDB 中，不是内嵌进 Markdown 文本。
这意味着：
- 即使是大图，任务内容也不会变得臃肿
- 编辑和渲染速度不受影响
- 数据结构清晰，便于备份和迁移
显示效果
图片会在抽屉编辑器和任务卡片中同时显示。
它们会自动缩放以适应当前列宽，不会撑破布局。你不需要手动调整尺寸，也不用担心图片太大导致卡片变形。
升级三：ZIP 完整备份
之前的局限
旧版只支持导出 Excel。对于纯文字任务来说够用，但有了图片附件后，Excel 就不够了。
现在的方案
新版提供 ZIP 完整备份。一个压缩包里包含：
- 全部看板数据（看板、列、任务）
- 全部图片附件
导出是一个文件，导入也是一个文件。迁移到新设备只需两步：导出 ZIP → 导入 ZIP。
数据完整性有了保障。你不再需要担心"文字导过去了，图片没了"的问题。
建议定期导出备份。清除浏览器站点数据会导致所有数据丢失。
保留的经典功能
除了三大升级，这些好用的功能依然保留：
全局搜索
按 Ctrl/Cmd + K 打开 Spotlight 风格的搜索面板。搜索范围覆盖全部看板的看板名、列标题和任务内容。选中结果直接跳转，任务多了也不怕找不到。
多看板管理
支持创建多个看板，分别管理不同项目。最近使用的看板会被记住，下次打开自动恢复。
拖拽排序
任务卡片可在列内排序，也可跨列移动。列标题支持拖动调整顺序。
主题与语言
- 明暗模式一键切换
- 强调色支持预设颜色、系统取色器和手动输入 hex 值
- 中英文一键切换
- 所有设置持久保存
隐私优先
所有看板、列、任务和图片附件，都只保存在浏览器本地。不会发送到任何服务器。你的数据完全属于你自己。
30 秒上手
第一步：打开应用
访问 noki-maker.github.io/kanban/。页面加载后自动创建示例看板，无需任何配置。
第二步：创建任务并插图
点击列底部的「添加任务」，输入内容后按回车。
点击任务卡片打开抽屉。截一张图，然后 Ctrl/Cmd + V 粘贴进去。看看图片是不是自动显示在了任务内容里。
试试右键编辑器，呼出操作菜单。选择「任务列表」，体验一下所见即所得的编辑方式。
第三步：导出备份
点击顶部工具栏的「⇄」按钮，选择「导出备份」。下载一个 ZIP 文件——这就是你所有看板数据的完整备份。
自托管部署
如果你想自己部署，两种方式可选：
方式一：直接使用构建产物
将 dist/ 目录的静态文件托管到任意静态文件服务。GitHub Pages、Vercel、Netlify、内网 Nginx 都可以。
方式二：本地开发运行
需要 Node.js ≥ 22 与 pnpm：
pnpm install
pnpm dev
项目完全开源，你可以根据需要修改功能和样式。
常见问题
Q: 图片存在哪里，安全吗？ A: 图片以二进制形式保存在浏览器 IndexedDB 中，不会上传到任何服务器。
Q: 清除浏览器数据后背板会丢失吗？ A: 会。请定期导出 ZIP 备份。
Q: 可以跨设备同步吗？ A: 不支持实时同步。通过导出导入 ZIP 文件来迁移数据。
Q: 支持团队协作吗？ A: 不支持。这款看板面向个人使用。
Q: 最多能存多少张图片？ A: 受浏览器 IndexedDB 存储上限限制，通常为几百 MB 到几 GB，一般使用足够。
总结
这次升级给这款纯本地上板带来了三个重要能力：
- 所见即所得编辑：单栏 IR 模式，右键菜单操作，编辑更沉浸
- 图片附件支持：粘贴即上传，存 IndexedDB 不臃肿，显示自适应
- ZIP 完整备份：数据加图片一键打包，迁移和备份更可靠
核心原则没变：零配置、纯本地、隐私优先、开源可自托管。
如果你看重数据隐私，又需要一个好用的看板工具，不妨试试升级后的版本。
