2025年9月3日星期三

批量出图就拿 Nano Banana+N8N 图生图、文生图两套工作流,手把手教程AI agent

最近Nano Banana实在太火了,就连一些不是AI圈的现实朋友都在玩模型手办图,这也让舰长发现一个商机💡我们常常会被"技术=馒头"的思维所固化,越厉害的技术才有价值,但其实只要我们掌握好信息差和市场需求就足以获得我们想要的。


点击上方卡片关注 不要错过精彩文章




持续更新有关Agent的最新搭建思路和工作流分享,希望能给您带来帮助

点一点上方的🔵蓝色小字关注,你的支持是我最大的动力!🙏谢谢啦!🌟" 


大家好!我是舰长

最近Nano Banana实在太火了,就连一些不是AI圈的现实朋友都在玩模型手办图,这也让舰长发现一个商机💡


我们常常会被"技术=馒头"的思维所固化,越厉害的技术才有价值,但其实只要我们掌握好信息差和市场需求就足以获得我们想要的。


就比如这一次的Nano Banana,朋友们都在玩、抖音上制作这种手办模型图的视频下面的评论区都是"帮做"


Image
Image


舰长也询过价格了,5块钱~10块钱不等;其实对于我们经常接触AI的小伙伴来说,制作一张图片仅需"20s"几乎微乎其微

同样,制作成抖音小程序/微信小程序也是如此


这些都是挣一些馒头,但Nano Banana的实际功能也是更为强大,如果可以接入

到工作流中,那提升到效果可以说是非常大;

也可以应用于非常多的场景,电商场景出图,出文案、首尾帧生成高质量产品视频等多种场景

只需要有一个好的流程先规划好就能制作出


本次舰长将带来两套N8N平台上的工作流,确保让大家掌握思路以及轻松学习N8N(本次分享工作流的文件都会提高给大家!)


图生图---分享表单使用


文生图---自动保存到本地



图生图---分享表单使用

Image


这套工作流的节点较少,舰长这里讲一下核心的思路

大多数使用banana的场景都是图片修改,当美图秀秀使用。表单的作用就是接受图片和要求;但由于在n8n中上传的图片文件是没有临时链接,所以就需要一个转base64码的节点;后续就是使用http请求openrouter的免费API最终返回给表单


节点1:On form submission

创建一个工作流,添加一个表单触发节点

Image


配置如下:

  • Form Title 表单标题:这个就是呈现在表单上的名字可以随便写
  • Form Elements 表单元素:这里就是展现有几个可以输入的表单项里,添加几个就需要填入几个
    • Field Name 字段名称:添加第一个【image】"Element Type 元素类型"选择File(文件)这个项就是上传图片的
    • 添加第二个【text】类型默认为Text|这个项就上填写要求的

参考图如下:

Image
Image


节点2:Extract from File

这个节点就可以把本地上传的文件转为base64

配置如下:

  • Operation 操作:是节点的功能选择,这里选择Move File to Base64 String即可
  • Input Binary Field 输入二进制字段:输入表单上的image
  • Destination Output Field 目标输出字段:写上imageBase64
Image

节点3:HTTP Request

这个就是重点节点,调用Nano Banana的请求节点,配置这个节点需要注意,需要先获取API密钥


打开网址:https://openrouter.ai/google/gemini-2.5-flash-image-preview:free/api

这个网址就是openrouter,在openrouter中有提供很多请求方式,当然舰长是使用的curl方式

Image


接下来配置节点:

在API文档中找到curl,复制下来后直接打开n8n中点击下图中的导入

Image


然后设置认证凭证,这种方式不会泄漏API

  • Authentication 认证:选择Predefined Credential Type
  • Credential Type 凭证类型:找openrouter
Image

OpenRouter 开放路由器:这里可以填写获取到的APIkey进行测试即可,使用这种方法就不会导致API泄露

Image

接着把JOSN修改为舰长提供的这个指令,成功前提是前面需要配置一样(如果指令乱码"转换问题"可以领取工作流文件和资料,领取方式在文章结尾了)

{  "model""google/gemini-2.5-flash-image-preview:free",  "messages": [    {      "role""user",      "content": [        {          "type""text",          "text""{{ $('On form submission').item.json.text }}"        },        {          "type""image_url",          "image_url": {            "url""data:image/png;base64,{{ $json.imageBase64 }}"          }        }      ]    }  ]}
Image

节点4:Edit Fields

添加三个字段,这个节点是提取http节点中关键数据

base

{{ $json.choices[0].message.images[0].image_url.url.split(",")[1] }}

mime

{{ $json.choices[0].message.images[0].image_url.url.match(/^data:([^;]+)/)[1] }}

data

{{ $json.choices[0].message.images[0].image_url.url}}
Image

节点5:Convert to File

使用此节点就可以帮助我们把base64格式的图片变为下载文件

配置如下

  • Base64 Input Field Base64 输入字段:输入"base"
  • Put Output File in Field 将输出文件放入字段:"data"
Image

节点6:Success Form

使用这个节点就会在最终出结果后,自动把文件保存到本地不需要手动下载

配置需要在每一个项目上下拉选择舰长对应的名字即可,这个节点配置较为简单

Image

到这里流程就搭建完毕了!但是舰长想问一下大家,你们是怎么部署的n8n?是本地还是服务器?

如果使用表单并且你想把表单分享出去给朋友使用,那就需要有一个网址才可以使用;

我相信大部分小伙伴会就想要部署服务器,部署服务器需要很大的成本,用舰长另一个方法也可以用网址访问我们本地的n8n,

远在几千km的朋友都可以根据网址使用舰长部署在本地的n8n。

如何制作可以点开舰长的主页查看这篇文章、全程免费、无任何收费也可以完成服务器的效果:


Image


按照舰长的教程去配置你的n8n,然后点第一个节点:

复制url

Image


保存并上线后在新开一个网页就直接使用这个工作流,网址也可以分享给朋友

Image


接下来继续分享第二套工作流:文生图

这套工作流算是进阶版本,属于半自动化流程可以自动保存到本地

Image
Image


在开始节点加上一个聊天触发工作流的节点,后面接入一个Agent节点即可


Agent节点的配置如下,需要注意的就是其他都是正常使用,而图中红色框就是需要开启输出格式

因为需要输出多个单词,但Agent节点只会输出srting格式,需要设置一个数组格式进行输出,开启后会出现新的分支点击分支后添加【Structured Output Parser】


Image
Image


需要给一个数组的示例格式:这样就能达到一个数组输出的格式

[

"Apple",

"Banana",

"Orange"

]

Image


Split Out和Loop Over Items节点在之前将微信群聊总结的时候有分享过使用,微信社群管理的福利!多社群信自动总结,微信群聊重要摘要,群聊重要信息,全程无风险.


这里也可以直接看舰长的参考工作流文件查看配置即可,工作流文件领取方式在文章结尾


HTTP Request节点做了一些改变,本次只有文生图了,不需要给到图片的参考链接,所以JOSN的格式需要调整一下,其余设置都不变

{  "model""google/gemini-2.5-flash-image-preview:free",  "messages": [    {      "role""user",      "content": [        {          "type""text",          "text""{{ $json.output }}"        }      ]    }  ]} 
Image


Edit Fields和Convert to File和本次分享第一套图生图的配置一样,没有什么变化,舰长这里重点解释一下导入到本地这个节点


选择Write File to Disk这个参数导入到本地中


在文件路径和名称这里要格外注意,因为要导入到本地中,如果文件名一致会导致只保留最后一张图片,其余的会被挤掉,所以要编写路径和文件名


./n8ndata/:这个就是文件保存的地址,不能改;只能写这个地址

{{ $('Loop Over Items').item.json.output }}:这个参数是直接在左侧拖进来的,找到Loop Over Items的输出,拖拽变量到输入框内即可

.png:就是文件的后缀了


导入到本地就是:文件夹位置+文件名称+文件后缀

Image


这样就完成一个输入主题到自动保存到本地的半自动工作流,为自媒体作品素材提供更为便捷的方式,这就是n8n展示的效果之一,还有更多方便且实用的场景舰长也会持续更新。


同样本次会把整个工作流作为资料送给大家,需要添加舰长的微信领取:领取方式在文章底部评论"0903"再添加微信领取🙏 如果您觉得本次分享内容对您有帮助,不妨帮舰长点一个一键三连


关注公众号并添加舰长微信,领取智能体学习资料,并参与智能体技术直播讲解

Image

另外非常欢迎大家加入[唐舰长AI落地智能体交流群],主要交流群每周都会进行公益直播教大家搭建AI智能体工作流

Image

没有评论:

发表评论

推荐 7 个最近 火火火火 的开源项目。

01 500+ AI 智能体项目 500+ AI Agents Projects 是一个巨大的目录, 收集整理了  500 多个 AI 智能体的实际应用案例 。 开源地址: https : //github.com/ashishpatel26/500-AI-Agents-Pr...