# 一个浏览器插件诞生记

## 背景

当前的大环境，到处裁员，要找到一个合适的工作真心不容易，于是自己给自己打工这股潮流就热起来了，成为独立开发者？但是真要自己单干养活自己又谈何容易呢？

作为一名长期一线的后端开发，工作中经常要兼一些测试、运维、PM的活，自己能明显感觉到，推上活跃的独立开发者几乎全是前端出身的(仅限于我的认知)，就我这后端的一点底子都不够看的。实际工作场景中，相对而言，后端离用户也比较远，很自然离如何挣到真金白银也就比较远了。

如何摆脱坐班的生活，如何完整地凭借自己的手艺挣钱？这是一个非常吸引人的话题，很多人都非常感兴趣，但又无处下手，笔者也是其中一员

## 启发

在AI大为的当下，有许多基于AI的工具，beamcast 就是其中之一(需要配置Gemini Pro)，但是在实际使用中，我只是把它当作翻译来用。选中文本，右键，使用自定义的命令te、tc

tc: Translate to English based on the selected text

tc: Translate to Chinese based on the selected text

不得不说，还挺好用。其实刚开始接触时，觉得这个工具蛮鸡肋的，毕竟前有DeepL，后有[openai-translator](https://github.com/openai-translator/openai-translator)，虽然有AI的加持，似乎好像没啥竞争力呢。不过，在浏览网页需要临时翻译文本的场景下，选中，复制，粘贴，翻译，这个过程中需要从浏览器切换到翻译软件，但beamcast就省去了切换这一步，于是，我好像悟到什么：这就是用户体验啊

## 灵光

忘记是谁说的：独立开发者可以先从满足自己需求开始。但是自己有啥需求呢？

平时玩推，遇到一些有启发的推文、链接，我就点赞，权当收藏，在知道推有收藏功能以后，就用收藏了，也时也会截图。虽然知道有一些工具譬如readwise，可以完成信息的收藏，但需要在评论区@readwise，对于一些有洁癖人来说，自己的评论区一堆@readwise，会让人很厌恶，好像也是一个大V说的。直到上周，看到一篇不错的文章，想有时间再细细口味一番，于是复制文章链接，放到logseq的todo列表了。于是，就有那么一刹那，我想到一个事情：能不能做一个类似于beamcast的浏览器插件，我选中了文本，把文字及当前的链接保持到logseq的todo列表中呢？

## mvp

可是，我并没有开发浏览器插件的经验，完全不明所以，只是内心有一个声音在说：试试看呗。有幸生在AI爆发的年代，借助于coze和ChatGPT的帮助，加之平时留意到logseq可以开始本地的API Server，当天，断断续续用了不到两个小时，便糊出来一个可以用的chrome浏览器插件：选中文本，右键选中插件保持到logseq，有一点小小的兴奋感，甚至于幻想凭借插件挣钱……

## 发布

真正写代码其实都不到1个小时，可以，要如何发布到chrome插件商店呢?

* 注册开发者账号。这一步很顺利，在网上有看到有人说注册账号的过程中需要交5美金，我没有遇到，很奇怪。
    
* 上传插件的zip包
    
* 插件介绍：包括功能描述、如何使用，icon等，我将配置和使用示例截图了
    
* 收费策略：当然是免费
    
* 提交审核
    

整个过程其实挺快的，不到1天时间，就审核通过了，但我没有发布，将插件的链接发给朋友，让朋友先试用一下，没想到，在中间没有沟通的情况下，朋友按照文档安装配置成功并使用，这给了我发布的信心，虽然，这是一个非常非常小众的需求。

## 总结

这算是一个开始吧，我也无法形容这种感觉，很沉浸，虽然实际上这个插件的功能异常简单、非常小众，但它就是能满足我的个人需求，这是我真正意义上专为自己开发的个性化工具，现在我每天都在用，也已经迫不及待地开发好了firefox、edge版本了，都在审核的路上了。后续作为一个lite side project，持续迭代中。有一个预感，好几次从入门到放弃的前端技术栈，这次似乎看到了曙光.

PS: 对了，这个插件的名字叫：Logseq Clip，图标也是我自己设计的

---

参考：

* [htt](https://github.com/openai-translator/openai-translator)[ps://beamcast.app/](https://beamcast.app/)
    
* [https://readwise.io/](https://readwise.io/)
    
* [https://www.coze.com/](https://www.coze.com/)
    
* [https://support.google.com/chrome/a/answer/2714278?hl=zh-Hans](https://support.google.com/chrome/a/answer/2714278?hl=zh-Hans)
    
* [Logseq Clip](https://chromewebstore.google.com/detail/logseq-clip/jpijlkkkgopbmpiodhdiacckmcghnjpk?hl=zh-CN&utm_source=ext_sidebar)