一、开篇：从用户痛点出发的开发者故事
（图：iTab 纽扣导航 vs 不摸鱼项目导航对比图）
用了2年半 iTab 的我，每天面对满屏的按钮陷入沉思：如果做一款像 iTab 一样但是集导航、备忘录、每日任务、代码片段等常用功能于一体的网站就好了，这样就不用同时打开多个网站了...
这一刻我突然意识到——是时候自己开发一个All-in-One工作台了！
为什么传统导航总让人焦虑？
密密麻麻的图标堆砌、功能割裂的标签页切换，让本应提升效率的工具反而成为认知负担。而卡片式设计的魔力在于：它用立体空间构建了一个符合直觉的操作系统。
为什么卡片式导航更好用？
- 信息密度提升：图标+简短描述的组合，一眼分清相似链接
- 视觉层级清晰：通过卡片数量区分不同分类，通过 icon 颜色区分高频/低频网站
- 交互友好：鼠标悬浮时的微动效反馈（见GIF），让点击更有确定性
二、产品亮点：这可能是你需要的终极导航工具
1. 聚合搜索：百度+必应双引擎加持
（图：搜索框输入关键词的对比效果）
- 输入关键词后上下键控制选择关联词，Enter 一键跳转搜索结果
- 可自行接入掘金/Google/知乎等垂直搜索，扩展性强
2. 无缝迁移：10秒接管你的iTab数据
（图：支持文件导入导出）
- 支持
json格式文件自动解析 - 原分组自动转换为分类标签，保留层级结构
3. 双重备份：再也不怕手滑误删
- 手动备份：右键空白处即可“备份一下”
- 自动备份：对导航和分类进行增删改后自动生成历史版本（暂无过期时间）
（图：备份恢复界面的时间轴示意图）
4. 主题自由：两种风格任君选择
默认提供两种主题切换（代码里面还藏着一种 iTab 纽扣式的主题，待诸君发掘~😘），开发者可根据自己喜好扩展
- 单页卡片式：适合追求极简的效率控
- 多页滚动式：适合收藏癖患者（支持无限滚动加载）
（图：主题切换按钮+效果对比）
三、技术全景：3大开源工程架构解析
1. 后端工程（bumoyu-nest）
（图：NestJS模块化架构示意图）
- 权限控制：
RBAC模型实现用户-角色-权限三级管控没实现 - 性能优化：Redis
缓存热门分类数据，响应速度提升40%缓存邮件验证码 - 拓展性：预留
WebSocket接口，为未来实时协作功能铺路
2. 前端工程（bumoyu-workbench）
（图：前端工程代码展示图）
- 主题系统：CSS变量+SCSS混用实现动态换肤
- 文件导入导出：数据导出到本地，本地数据一键导入导航
- 拖拽排序：自由拖拽，实时保存导航顺序
3. Chrome 插件
（图：插件manifest配置关键代码片段）
- 新标签页劫持：通过
chrome_url_overrides实现无感替换 - 本地临时记事本：本地保存常用账号密码，不关联服务器，安全高效
四、开发者友好：从0到1部署你的专属导航站
（图：部署文档目录截图）
- 小白友好：提供详细部署文档（从域名服务器购买到服务器配置）
- 成本透明：实测百元成本搭建个人网站
- 自定义指南：教你3步修改品牌色系（替换SCSS变量+清除缓存）
五、开源愿景：为什么值得你Star？
- 全栈练手神器：涵盖20+典型业务场景（登录注册/JWT鉴权/文件导入导出/第三方登录等）
- 插件开发样板：扩展性强，基于此模板可以在插件中自定义你想要的功能
- 长期主义：当前版本为基础款，该项目会一直开发，后续计划添加备忘录、常用代码片段等功能
六、体验邀请 & 互动福利
- 立即体验：bumoyu.cn
- 文档指南：bumoyu.cn/docs/
- 开发者特权：通过
npm create qt@latest脚手架可直接下载3个工程，5分钟跑起全项目 - Star激励：前50位Star用户
可私信领取《浏览器插件开发避坑指南》PDF啥也没有，因为我也没有，可以找 DeepSeek 要🥲
声明：以上内容由 DeepSeek 主笔（70%），我辅助（30%），不喜轻喷~ 😘
