用网页表单按五种风格画一张 Flux 图片

用网页表单按五种风格画一张 Flux 图片

一个带网页表单的 n8n 工作流。用户写一句提示词，选五种风格之一。工作流加上那种风格的长提示文字，通过 Hugging Face 请 FLUX.1 schnell 模型去画。它把图片存到一个兼容 S3 的存储桶，再回复一个页面，里面是这张图和最近的四张。

包里有什么

• workflow.json：n8n 导出的工作流，18 个节点。13 个干活，五个是便签，标出各个步骤。里面没有任何凭据。
• README.md：这份设置说明，压缩包里的是英文版。

我们相对原来的副本改了什么

• 调用原来发到 api-inference.huggingface.co，这个地址已经无法解析（2026 年 11 月 12 日检查）。Mindket 的版本发到 Hugging Face 上 fal.ai 的路径，https://router.huggingface.co/fal-ai/fal-ai/flux/schnell，提示词放在一个叫 prompt 的字段里。那条路径回复的是图片的链接，所以新加了一个节点 Download image，在 Upload image to S3 之前把它取下来。它的错误输出和其他调用一样，通向 Respond with error。
• 存储桶的名称和作者的存储桶的公开地址，现在是 <YOUR_BUCKET_NAME> 和 <YOUR_PUBLIC_BUCKET_HOST>，在 Upload image to S3 里，以及 Serve webpage 的五处地址里。
• 页面里原来有一个复制作者模板的链接，已删掉。两张便签，一个设置视频和一个项目署名，也已删掉，关于模型的那张便签现在说明这次调用做什么。
• 错误文字原来保证模型大约十次失败一次，那说的是旧地址。它现在说图片没能做出来，请再试一次。
• 两个凭据原来关联着作者的 n8n。这些关联已删掉，请选你自己的。表单触发器的 webhook id 也已删掉。
• 文件原来没有 settings 部分，所以 Mindket 的版本加上了 executionOrder v1，也就是 n8n 给新工作流设的值。
• 别的都没改。五种风格、表单、页面和 S3 步骤都是文件原有的。

开始之前

• 一个 n8n 实例，n8n Cloud 或自己的服务器都行。
• 一个能调用 Inference Providers 的 Hugging Face 令牌。Hugging Face 把这些调用记到你的账号上。
• 一个能在公开地址上提供文件的、兼容 S3 的存储桶，比如公开的 Cloudflare R2 存储桶，以及它的 S3 凭据。

设置

1. 在 n8n 里新建一个工作流，打开它的菜单，选 Import from File，选中 workflow.json。
2. 添加一个 HTTP Header Auth 凭据。名称填 Authorization，值填单词 Bearer、一个空格，再加你的 Hugging Face 令牌。在 Call hugginface inference api 里选中它。
3. 添加一个 S3 凭据，填上你的存储桶的端点、区域、访问密钥和密钥，在 Upload image to S3 里选中它。把那个节点里的 <YOUR_BUCKET_NAME> 换成你的存储桶名称。
4. 打开 Serve webpage，把五个地址里的 <YOUR_PUBLIC_BUCKET_HOST> 都换成你的存储桶的公开主机。
5. 打开 n8n Form Trigger，复制它的测试地址，发一句提示词和一种风格，检查这张图片。
6. 点 Publish，分享正式地址。表单的路径是 flux4free。

一次运行的过程

1. n8n Form Trigger（2.1）提供一个标题为 flux.schnell image generator 的表单，里面有一个必填的文本区 Prompt to flux 和一个下拉框 Style。它等着一个响应节点来答复。
2. Route by style（Switch 3.1）把运行送到所选风格的 Set 节点：Hyper-Surreal Escape、Post-Analog Glitchscape、AI Dystopia、Neon Fauvism 或 Vivid Pop Explosion。它的兜底输出通向第六个节点 None，它几乎不加任何风格文字。
3. 风格的 Set 节点写入 stylePrompt，一段由风格词组成的长文字，并保留表单的字段。
4. Call hugginface inference api（HTTP Request 4.2）把 Depict、你的提示词和风格文字合成一个 prompt，发到路由器。回复的 images[0].url 里是图片的链接。
5. Download image 把链接取成一个文件。Upload image to S3 把它存成 fg- 加运行编号再加 .jpg。
6. Serve webpage（Respond to Webhook 1.1）用一个 HTML 页面作答。它显示新图片、风格的名称，以及四张较早的图片，那些是从运行编号往回数找到的。
7. 调用或上传失败时，会去 Respond with error，它给表单一条简短的信息。

改变风格

• 风格：五个 Set 节点，各有一个 stylePrompt，以及 n8n Form Trigger 里的下拉框。新增一种风格需要一个 Set 节点、Route by style 里的一条规则，以及一条通向调用的连线。
• 模型：Call hugginface inference api 里的地址。别的路径用别的字段名，所以请查提供方的页面。
• 页面：Serve webpage 里的 HTML 和它的样式块。
• 表单：n8n Form Trigger 里的标题、说明和字段。
• 图片的名字：Upload image to S3 里的 fileName。Serve webpage 读的是同一个名字，所以两处都要改。

注意事项

• Mindket 没能用真实的 Hugging Face 令牌运行这个副本。路径和回复的形状依据的是 Hugging Face 自己的客户端代码，所以在分享表单之前，先发一句测试提示词。
• Hugging Face 的 FLUX.1 schnell 页面（2026 年 11 月 12 日查阅）把 fal.ai 和 WaveSpeed 列为它的推理提供方。这个副本里的路径走 fal.ai。
• 任何拿到正式地址的人都能发提示词，每张图片都记到你的 Hugging Face 账号上。广泛分享之前，先在 n8n Form Trigger 里打开 Basic Auth。
• 四张较早的图片从运行编号往回数，所以被别的工作流或失败的运行用掉的编号，会留下一张打不开的图片。
• 每种风格的文字都以 --ar 16:9 这样的标记结尾，那是为另一个图像工具写的。模型把它们当作文字来读，所以想要干净的提示词，就改那些 Set 节点。
• 每句提示词会发给 Hugging Face 和它的提供方。图片存到你的存储桶，拿到它的地址的人都能看到。
• 文件里没有任何凭据和密钥。