前几天，我睡觉的时候，电脑自动关机更新了
第二天起来，打开浏览器，发现前一天还未来得及看的文章、网页，都被关闭了
而浏览器恰好丢了历史记录，无法从历史记录中恢复，很是恼火
我就在想，是不是可以做个插件，一键把打开的标签页收藏起来，方便下次打开
恰好朋友醋泡白豆和摇摇，之前就开发了自定义新建标签页项目
给了我很大的启发
说干就干，我在上周末完成了开发
搭建步骤
Lovable是轻便构建App或网站的AI编程工具，直接在网页端与AI对话就能完成大部分开发
它有个很大的好处，可以无缝接入Supabase，实现数据库等后端功能
之前做"读问"项目的时候踩过坑，我费了很大劲才接入Supabase
但通过lovable，我能够"一句话"接入，完成账号登录、数据同步等后端功能
刚好上周末它可以免费使用付费大模型，所以，我这次使用它来进行搭建
整体的步骤是：
1、使用lovable完成产品雏形
2、使用Trae完成bug修复及测试
3、使用lovart设计产品图标
搭建过程
我打开lovable并注册账号，在对话框输入我的需求：
我想做个谷歌浏览器插件，实现自定义自己的新建标签页，支持功能：
1、支持分组功能，在每个分组可以添加标签页的链接
2、支持将当前窗口打开的标签页链接，添加到分组中
3、新建标签页默认分组为熵增区
它很快给出了第一版雏形
不过问题也不少：
1、背景色太靓丽了，过于吸人眼球，重点的分组区域反而不易被看见
2、快速添加和新建分组功能重合了
3、熵增区名字其实有点不友好，之所以取这个名字，是因为宇宙是不断熵增的（混乱度增加），它可以很好的表达，这是随意"丢东西"的区域，但不容易理解…
于是，我把默认分组调整为：“快速访问”、“稍后阅读”、“收集箱”
快速访问用来存自己常用的网站，稍后阅读主要存放自己需要阅读的文章，收集箱主要存放一些杂乱的待分组链接
此外，我又想到自己经常会用不同网站搜索内容，增加了自定义搜索功能，可以添加小红书、B站等
经过一番折腾，总算把产品变成了初步可用的
这一版本基本上实现了大部分功能：
1、支持创建分组卡片，并添加超链接
2、支持一键打开分组所有链接
3、支持快速跳转自定义搜索引擎
4、支持账号登录
5、支持云端同步数据，在其它设备登录后，也能访问（不登录也能使用，只是数据保存在本地）
6、支持一键收藏当前窗口标签页
但在lovable无法实现完整的测试，需要引入Trae继续完成后面的步骤
我把整个项目下载到本地，使用Trae进行后续的完善，并封装成浏览器插件，在插件中完成了测试
这时候还差两个东西没有搞定，一是产品名字，二是产品LOGO
我使用DeepSeek帮我取产品名字，最终选择"启页星"这个名称
设计图标其实是很麻烦的一件事儿，好在有了AI
lovart是专门用于设计的智能体，恰好派上了用场，我在Lovart创建了插件的Logo
至此，完成了插件所有的开发
收获
之前在开发读问项目的时候，我用了Chrome浏览器插件的原生框架（HTML+CSS+JS）去搭建，踩了很多的坑
Lovable使用了React + TypeScript + Vite + TailwindCSS来搭建，很有借鉴意义
我实践下来，感受到的好处是：
1、代码易于维护，一处小改动不容易牵连到其它的业务逻辑
2、一鱼双吃，插件无需二次修改，在Chrome和Edge浏览器都能用
3、此外，在技术上也有下面的好处（AI教我的）
如果有想要体验的同学，可在后台私信关键词【启页星】获取插件压缩包
解压后，打开Chrome/Edge浏览器 → 扩展程序 → 开发者模式 → 加载已解压的扩展程序
感谢@醋泡白豆（https://cupaobaidou.com/）、@摇摇（https://weibo.com/u/3586178757）共同支持开发本项目