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

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

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

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

大家好！我是舰长

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

节点1:On form submission

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

配置如下：

Form Title 表单标题：这个就是呈现在表单上的名字可以随便写
Form Elements 表单元素：这里就是展现有几个可以输入的表单项里，添加几个就需要填入几个

Field Name 字段名称：添加第一个【image】“Element Type 元素类型”选择File（文件）这个项就是上传图片的
添加第二个【text】类型默认为Text｜这个项就上填写要求的

参考图如下：

节点2:Extract from File

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

配置如下：

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

节点3:HTTP Request

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

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

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

接下来配置节点：

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

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

Authentication 认证：选择Predefined Credential Type
Credential Type 凭证类型：找openrouter

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

接着把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 }}"          }        }      ]    }  ]}

节点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}}

节点5:Convert to File

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

配置如下

Base64 Input Field Base64 输入字段：输入“base”
Put Output File in Field 将输出文件放入字段：“data”

节点6:Success Form

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

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

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

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

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

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

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

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

复制url

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

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

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

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

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

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

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

[

"Apple",

"Banana",

"Orange"

]

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 }}"        }      ]    }  ]}