原创 技术Z先生 2025-04-16 00:27 广东
详解Cursor+MCP实现文章配图功能
* 戳上方蓝字“AI资讯互联”关注我
之前和大家分享过如何通过一篇文章在多个不同平台发布(https://mp.weixin.qq.com/s/670ZQw2WSucxdERZ4fRUcQ),不过这里面有个问题,每次写文章时候去给**文章找首页配图时经常无法找到自己满意的**,今天就和大家分享下,如何使用Cursor给结合MCP文章生成配图的详细攻略!
不清楚MCP是什么的可以参考我之前文章(https://mp.weixin.qq.com/s/9ouGy1U-_89SHVvzbHcDFQ)
先来理下生成配图的整体思路:
一、语雀导出markdown格式文章
至于为何用语雀,可以参考我之前的文章(https://mp.weixin.qq.com/s/mqqkvwqZIsTVJR2qD9v3vw),这里不作详细讲解
二、使用Cursor打开Markdown格式文章
没有下载Cursor的先去官网下载下,这里我们会用到cursor里面的claude3.7模型,该模型需要pro会员才能使用,不过没有开pro也没关系,可以参考这篇文章无限使用(https://mp.weixin.qq.com/s/a7xwDRHDxPOsGMr-JgVkeg)
三、利用Cursor生成文章配图
这里我们使用replicate-flux-mcp来进行文生视频,该MCP提供了直接调用google/imagen-3的生图能力,你也可以去使用别的MCP服务,查找MCP服务器可以到以下两个聚合网站去搜:
- 阿里云旗下的AI开源社区魔搭(ModelScope)新推出的MCP广场,上架千余款热门MCP服务,独家首发支付宝、MiniMax等全新MCP服务
地址:https://www.modelscope.cn/mcp?page=1
- 最大的 MCP Server(MCP 服务器)聚合平台
因为使用了replicate服务,所以第一步我们先要去创建replicate账号
创建replicate账号
1、创建账号
登录官网:https://replicate.com/,点击Sign in,可以直接使用Github快捷登录
填完一系列问卷后,第一步账号基本信息就设置好了,接下来我们要绑定下支付方式!
2、绑定结算卡
里面支持的模型很多,想要效果好点的可以使用高级模型,这里需要完成绑卡后才能生成API-Token,点击Set up billing
这里填你的visa卡,这里没有visa卡的可以自己去申请张(申请地址:https://dupay.one/web-app/register-h5?invitCode=523754&lang=zh-cn),之后如果使用chatgpt、google pay那些都可以直接绑定,还能绑定微信支付宝,非常方便!
填完卡信息后回自动返回Billing页面,这里可以看到当前余额账单状态
3、生成API tokens
点击左侧API tokens,生成一个token
把生成的token拷贝出来
4、测试文生图API
点击Run AI with an API
右侧便会弹出调用的相关示例,根据示例命令执行下看是否能正常获取到图片
replicate支持丰富的文生图模型,每个模型的输出价格也不一样,进到价格页面:https://replicate.com/pricing,模型价格及特点如下,可以根据适合自己场景去选择!
black-forest-labs/flux-1.1-pro | ||
black-forest-labs/flux-1.1-pro-ultra | ||
black-forest-labs/flux-canny-dev | ||
black-forest-labs/flux-canny-pro | ||
black-forest-labs/flux-depth-dev | ||
black-forest-labs/flux-depth-pro | ||
black-forest-labs/flux-dev | ||
black-forest-labs/flux-dev-lora | ||
black-forest-labs/flux-fill-dev | ||
black-forest-labs/flux-fill-pro | ||
black-forest-labs/flux-pro | ||
black-forest-labs/flux-redux-dev | ||
black-forest-labs/flux-redux-schnell | ||
black-forest-labs/flux-schnell | ||
black-forest-labs/flux-schnell-lora | ||
google/imagen-3 | ||
google/imagen-3-fast | ||
google/upscaler | ||
ideogram-ai/ideogram-v2 | ||
ideogram-ai/ideogram-v2a | ||
ideogram-ai/ideogram-v2a-turbo | ||
ideogram-ai/ideogram-v2-turbo | ||
luma/photon | ||
luma/photon-flash | ||
minimax/image-01 | ||
recraft-ai/recraft-20b | ||
recraft-ai/recraft-20b-svg | ||
recraft-ai/recraft-creative-upscale | ||
recraft-ai/recraft-crisp-upscale | ||
recraft-ai/recraft-v3 | ||
recraft-ai/recraft-v3-svg | ||
stability-ai/stable-diffusion-3 | ||
stability-ai/stable-diffusion-3.5-large | ||
stability-ai/stable-diffusion-3.5-large-turbo | ||
stability-ai/stable-diffusion-3.5-medium |
从以上模型可以看出,google/imagen-3-fast 是比较适合我当前场景的,而且价格也比较便宜,所以我这里选择了google/imagen-3-fast
配置Cursor的MCP
1、配置MCP服务
点击右上角设置,打开MCP界面
追加以下配置到mcpServers
"image-gen": {
"command":"npx",
"args":["@gongrzhe/image-gen-server"],
"env":{
"REPLICATE_API_TOKEN":"你自己的API-Token",
"MODEL":"google/imagen-3-fast"
},
"disabled":false,
"autoApprove":[]
}
具体配置如图,我这里配置了多个MCP服务
2、检验MCP连接状态
返回MCP配置界面,可以看到已成功连上了image-gen的MCP服务
3、使用Cursor的Agent模式调用MCP tool
接下来,我们可以生成文章封面图了,选择整篇文章,对着输入:把这篇文章总结下,生成一个符合文章内容的简短prompt,拿到prompt后去调用MCP Tool生成文章封面图**(我这里选择Agent模式和Claude3.7模型)**
大概15秒钟左右时间,便完成了文章封面图的生成
4、查看生成效果
我们来看下生成结果:https://replicate.delivery/xezq/zqLGNRCnVIqfYK5ADE0UIZzLp3KyrL0nzO1lVefuYHjLeuLSB/tmprk2rq1i6.png,打开如下:
可以看到效果稍微差了些,再来试下,给我另外的一篇文章生成试下:这篇文章主要讲的是如何本地搭建minio的详细过程
本次生成图片:https://replicate.delivery/xezq/ReOI8k3eTcpTc0fP39kxkMOfIfWkxie280EoL4XUlKrHw9uIF/tmpl9cacflp.png,这次的还不错,挺满足场景要求!
总结
本篇文章详细讲解了如何利用Cursor给文章快速进行配图,并且分享了如何去查找MCP服务,赶紧动手去试下吧,再也不用为文章东拼西凑到处去找配图了!
end
关注我,带你掌握前沿科技,轻松应对未来挑战
结尾推荐下我的AI工具,可以免费使用(ChatGPT、Midjourney、Luma、Suno、Viggle等)
地址:
https://ai.quanyouhulian.com/,目前对话已上线联网功能,支持(100+搜索引擎)