大厂程序员自研Flomo AI插件,1秒总结笔记,官方都没做到!

333 阅读4分钟

大家好,我是姚路行,一个爱搞AI的大厂程序员,也是一个90后奶爸

昨天写了一篇Cursor + Flomo MCP Server一键完成笔记总结发布的文章,可以参考告别手写笔记!AI神器让我1秒完成学习总结,效率提升1000%!

但想了一下,每次都要打开Cursor,粘贴图片或者文字,让他总结并发布flomo笔记,还是感觉没那么爽,差了点意思!

于是我今天花了2个小时,用AI Coding撸了一个flomo的Chrome插件,你选中了页面内任意内容,AI自动帮你免费总结核心要点,直接发布flomo笔记,这回真的是爽翻了!

现在我就来教你怎么快速使用以及怎么私有化部署!

(文末附公开项目地址以及获取生成这个超强项目的提示词)

下载并安装Flomo Chrome插件

下载并解压Flomo Chrome插件

💡地址:github.com/ylx911229/f…

image.png

点击【下载按钮】即可下载压缩包,然后将压缩包解压到本地目录。

这里可能有小伙伴问,为什么不将插件上架到Chrome商店呢?其实我同步在上架中,因为审核要7天,迫不及待想推荐给大家,就先通过压缩包的方式分享给大家了!

安装Chrome插件

💡地址:chrome://extensions/

打开【开发者模式】,并选择【加载已解压的扩展程序】,选择上一步解压出来的文件夹

image.png

打开【插件开关

image.png

配置Flomo Chrome插件

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

image.png

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

image.png

获取OpenRouter API Key

本插件使用的是OpenRouter来对内容做的AI 总结,所以OpenRouter API Key是一个必不可少的参数,获取地址如下:

💡地址:openrouter.ai/settings/ke…

点击【Create API Key

image.png

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

image.png

获取Flomo API Url

要想通过API去写入Flomo笔记,Flomo API Url是一个必不可少的参数,获取地址如下:

💡地址:v.flomoapp.com/mine?source…

image.png

配置服务端地址

我已经部署了一个可以线上使用的服务,默认的地址就是我部署的地址。

如果没有私有化部署或者本地调试的话,最快捷的方式就是直接使用默认地址即可!

下面也会讲如何私有化部署,以及如何本地调试!

image.png

测试配置

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

image.png

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

image.png

保存设置

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

image.png

开始实战

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

网页选中任意内容

image.png

右键菜单选择“总结flomo笔记”

image.png

或点击插件选择“总结到Flomo”

image.png

等待成功提示

image.png

去Flomo查看效果

果然生成flomo笔记成功了,非常棒!

不仅如此,写入的笔记还是用AI高度精炼的内容!

而且我还特意把原文的地址放在了最下面,如果看到笔记想回看原文,随时点击即去!

image.png

支持私有化部署

如果你想自己开发部署的话,欢迎下载项目,项目地址如下:

💡项目地址:github.com/ylx911229/f…

项目结构是一个大仓,分为插件服务端两个子仓

image.png

支持本地调试

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

image.png

支持切换模型

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

image.png

总结与规划

总结

先说我的感受,AI Coding真是太强了!

除去掉调优的时间,我前前后后只用了2个小时,就把整个核心的逻辑写完了,而且没有任何bug!

这种事换做以前,2个小时根本不敢想象,估计我自己写得写一天!

前天也参加了GIAC,AI Coding + MCP方向分会场甚是火爆,场场爆满,

大家也都发现了其中的势头不可阻挡!

大家一定要抓住这波AI Coding的势头,扶摇直上!

规划

后面我的插件上线了之后我会继续优化迭代!包括但不限于以下能力!

  • 支持图片识别
  • 支持模型选择
  • 支持Chrome商店下载

大家要去多多使用,有问题可以给我提建议,最好再三连一下

最后

关注我,我将会给到你【生成这个超强项目的提示词