前言
Flomo 是一款简单的笔记系统，因为它简单的API接入方式，让很多开发者都为它拓展很多功能，我自己本人在用的有它的 raycast 扩展，其他官网的扩展可以在这个链接查看。
之前我使用 cubox 来管理我的网页书签，后面因为我总是「收藏得多，查看的少」，且总是只使用收藏功能，浪费了其他能力（标注等功能很不错，但是个人用不上），想着能不能让 Flomo 也充当一个网页书签管理的功能，再加上每日回顾，每日查看一下自己针对某网页的笔记，不至于收藏了全部给忘记了。
另外之前也没有浏览器插件开发的相关经验，因此也打算以学习的目的来做这件事.学习插件开发而诞生的副产品「Flomo 书签」就这么出现了。
功能
目前 Flomo bookmark 已经发布了 0.1 的版本，可以在谷歌商城下载 Flomo bookmark - flomo 书签工具。
目前的功能如下：
- 自定义一级标签
- 默认设置标签
- 自定义排版
- 右键上下文菜单发送到flomo
- AI 总结（支持openai接口）
这是一个非常简单的 MVP，我相信这款插件的所有能力都应该到此为止了，没有其他新需求可以添加（目前为止想不到了）。
也很纠结要不要添加 AI 总结的功能，因为笔记还是需要自己打字出来才会有印象，让 AI 总结不会让印象更加深刻。因此索性加上关闭总结功能的开关，如果大家用不到的话就把它关闭，用自己的话来记笔记。
版本演变
很多人都会抱着发一个产品出来就应该功能完善、UI完整，我之前也有这个想法，因为担心自己写出来的产品太丑会被笑话，没人会在意你。
再者，你的产品大部分人都没能看到，不要抱着憋大招的想法来做事情，先把功能完善，后面再慢慢优化，先走一步路，再慢慢踏出下一步路，才是一个好的开发流程。这里给大家看一下 flomo bookmark 各个版本的功能和UI。
丑陋的输入框
第一个的版本使用的都是输入框来显示内容，可以看到标题和链接甚至展示不全。
设置里也都是使用输入框来设置API和标签。
我想现代开发中如果有人是这么设计页面和功能的话，大家都会直接因为审美问题直接卸载了这个工具。但是对于当时我的需求来说，完全已经满足，它的功能除了不能添加网页笔记以外，已经能够满足我平时保存网页的需求了。
在丑陋的UI上添加功能
在接下来的一个改版当中，添加了笔记和排版的功能，它们使用是 textarea 元素来让用户处理这个数据。这个时候如果自己使用的话，我不用再继续迭代它了。
第二版的主页
第二版的设置
修改样式
插件还是围绕着学习的目的，在原有插件的基础上，还是修改了一点点样式（这已经是我能想到还可以的样式了，UI设计还是得不断磨练 - - ）
主页的标题和url做成了可编辑的文本样式，鼠标移动到对应位置，颜色会变，点击则可以修改对应的文本内容。
主页和设置的标签都做成了「标签的样子」。
添加 AI 能力，添加选项页
0.1 版本做了下面的工作：
- 将设置移动到选项页中，让呼出的菜单更加简介
- 添加AI设置
- 设置的描述从以前的 tooltips 移出来，设置的描述不应该做得那么隐藏。
- flomo api 地址和 openai 的 key 加上显示隐藏的功能。
- 添加提示词的功能，把prompt的权利交给用户自己。
主页去除了tab，改成齿轮跳转到选项页，更加简洁。
设置中添加了更多的描述，方便用户设置。
添加AI的功能
总结
回过头来看这个插件，第一次 commit 是从3月11号开始的，每天可能挤不出一个小时的时间来做这个插件，到现在为止断断续续在业余时间开发，才有一个能使用的版本。
开发过程中比较花时间的就是AI总结的功能，这个时间不是花在请求openai上，而是如何绕过 chrome 的 scripting 权限上。
scripting 权限只有在获取页面全文内容的功能上用到：网页全文经过 html 标签处理后，再发送给 openai 进行总结。本来是想用 content script 来绕过这个权限，后面发现对于 SPA 网站来说， content script 不会二次执行（也可能是我没看到解决方案）。后续有空可能在这个技术细节上再磨一磨。
如果在尝试或使用这个插件中遇到任何问题，可以直接邮件联系我：）
