大家好,我是姚路行,一个爱搞AI的大厂程序员,也是一个90后奶爸
昨天写了一篇Cursor + Flomo MCP Server一键完成笔记总结发布的文章,可以参考告别手写笔记!AI神器让我1秒完成学习总结,效率提升1000%!
但想了一下,每次都要打开Cursor,粘贴图片或者文字,让他总结并发布flomo笔记,还是感觉没那么爽,差了点意思!
于是我今天花了2个小时,用AI Coding撸了一个flomo的Chrome插件,你选中了页面内任意内容,AI自动帮你免费总结核心要点,直接发布flomo笔记,这回真的是爽翻了!
现在我就来教你怎么快速使用以及怎么私有化部署!
(文末附公开项目地址以及获取生成这个超强项目的提示词)
下载并安装Flomo Chrome插件
下载并解压Flomo Chrome插件

点击【下载按钮】即可下载压缩包,然后将压缩包解压到本地目录。
这里可能有小伙伴问,为什么不将插件上架到Chrome商店呢?其实我同步在上架中,因为审核要7天,迫不及待想推荐给大家,就先通过压缩包的方式分享给大家了!
安装Chrome插件
💡地址:chrome://extensions/
打开【开发者模式 】,并选择【加载已解压的扩展程序】,选择上一步解压出来的文件夹

打开【插件开关】

配置Flomo Chrome插件
点击插件,选择【设置】,进入到设置页

设置页需要三个参数,OpenRouter API Key 、Flomo API Url 、服务器地址

获取OpenRouter API Key
本插件使用的是OpenRouter来对内容做的AI 总结,所以OpenRouter API Key是一个必不可少的参数,获取地址如下:
💡地址:openrouter.ai/settings/ke...
点击【Create API Key】

复制你的Key,并填入设置的第一项中

获取Flomo API Url
要想通过API去写入Flomo笔记,Flomo API Url是一个必不可少的参数,获取地址如下:
💡地址:v.flomoapp.com/mine?source...

配置服务端地址
我已经部署了一个可以线上使用的服务,默认的地址就是我部署的地址。
如果没有私有化部署或者本地调试的话,最快捷的方式就是直接使用默认地址即可!
下面也会讲如何私有化部署,以及如何本地调试!

测试配置
点击【测试配置】,如果测试通过了的话,下面会有对应的提示!

而且Flomo也会收到对应生成的测试笔记!

保存设置
当一切都配置好了,并且测试通过了之后,点击【保存设置】即可!

开始实战
实战的话,我们演示一下,如何在网页上任意选择内容,AI总结发布。
网页选中任意内容

右键菜单选择"总结flomo笔记"

或点击插件选择"总结到Flomo"

等待成功提示

去Flomo查看效果
果然生成flomo笔记成功了,非常棒!
不仅如此,写入的笔记还是用AI高度精炼的内容!
而且我还特意把原文的地址放在了最下面,如果看到笔记想回看原文,随时点击即去!

支持私有化部署
如果你想自己开发部署的话,欢迎下载项目,项目地址如下:
💡项目地址:github.com/ylx911229/f...
项目结构是一个大仓,分为插件 和服务端两个子仓

支持本地调试
服务端调试的话,服务地址为 http://localhost:3001/ ,当本地服务启动后,将插件的服务器配置,填写本地服务地址即可。

支持切换模型
当前我部署的远端服务的模型是DeepSeek R1 0528,理解能力已经非常强了,而且是完全免费的!项目中有模型的传入,私有化部署的话,可自行任意切换模型!

总结与规划
总结
先说我的感受,AI Coding真是太强了!
除去掉调优的时间,我前前后后只用了2个小时,就把整个核心的逻辑写完了,而且没有任何bug!
这种事换做以前,2个小时根本不敢想象,估计我自己写得写一天!
前天也参加了GIAC,AI Coding + MCP方向分会场甚是火爆,场场爆满,
大家也都发现了其中的势头不可阻挡!
大家一定要抓住这波AI Coding的势头,扶摇直上!
规划
后面我的插件上线了之后我会继续优化迭代!包括但不限于以下能力!
- 支持图片识别
- 支持模型选择
- 支持Chrome商店下载
大家要去多多使用,有问题可以给我提建议,最好再三连一下!
最后
关注我,我将会给到你【生成这个超强项目的提示词】