热评 毛楚豫

文章中展示的最终设计效果很赞,特别是封面和内容页的排版,看着就舒服,这种视觉体验对于吸引用户眼球非常关键。

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

一、完整工作流拆解,一张图看懂

最终会生成的内容:4 张图片(1 张封面页,3 张内容页),如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

我们要实现上图工作流,需要先搭建「2 个图像流,1 个工作流,1 个卡片,1 个 Bot」,如下所示:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

二、图像流创建:封面页

通过搭建「图像流」来生成下图这张封面:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

图像流拆解:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

1. 图像流:创建

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

输入「名称、描述」,点击「确认」,名称可命名为「xhs_cover_page」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

点击「确认」后,进入图像流编辑页面,默认有 2 个节点:「开始、结束」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

2. 封面页元素拆解配置

「封面页」元素拆解, 共 8 个图文元素:

  1. 考虑到页面布局的美观性,「主标题」拆分成两行显示;
  2. 「副标题」也拆分成两行显示;
  3. 封面配图需要 3 个与主题相关的插图元素,需要文生图 3 个提示词。

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

「开始」节点:输入 8 个元素的「变量、描述」信息,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

先来文生图,生成 3 个图像元素,通过添加「图像生成」工具来实现,具体操作步骤如下:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

3. 添加「图像生成」工具:生成 3 个图像元素

要生成 3 个元素,就需要分别添加「图像生成」工具,先添加生成主元素,如下图:

① 为「主元素」添加「图像生成」工具:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

链接:将「开始」节点和「图像生成」工具连接起来,每新建一个卡片记得要连接呀~

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

重命名:双击可重命名,改为「主体元素生成」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

输入:新增一个参数「main_img」,变量值为「引用-开始 main_img_prompt」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

提示词:「正向提示词」输入以下内容:你也可以定义自己想要的风格;「负向提示词」可不填,如果生图有问题,可以根据具体情况添加

1 个{{main_img}},简单插画,卡通风格,纯白色背景, 儿童简笔画

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

② 为「辅元素 1」添加「图像生成」工具:

添加:为了少填写写几个字段信息,我直接通过复制来添加,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

重命名为「辅助元素生成_1」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

连接:将「开始」节点和第 2 个「图像生成」工具链接起来,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

输入:参数名改为「element_img1」,变量值为「引用-开始 element_img_prompt1」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

提示词:「正向提示词」输入以下内容:你也可以定义自己想要的风格;「负向提示词」可不填。

1 个{{element_img1}},简单插画,卡通风格,纯白色背景, 儿童简笔画

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

③ 为「辅元素 2」添加「图像生成」工具:

添加:直接复制添加,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

重命名:改为「辅助元素生成 _2」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

连接:将「开始」节点和第 3 个「图像生成」工具链接起来,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

输入:参数名改为「element_img2」,变量值为「引用-开始 element_img_prompt2」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

提示词:「正向提示词」输入以下内容:你也可以定义自己想要的风格;「负向提示词」可不填。

1 个{{element_img2}},简单插画,卡通风格,纯白色背景, 儿童简笔画

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

4. 添加「智能抠图」工具:为 3 个元素抠图

为了让最终封面图的整体性更好一些,需要对生成的 3 个封面元素,进行抠图。通过添加 3 个「智能抠图」工具,分别为每一个图像元素进行抠图,最后会生成 3 个透明格式(.png)图像元素。

① 为「主元素」添加「智能抠图」工具

添加:「智能抠图」工具,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

连接:将「主体元素生成」工具和第 1 个「智能抠图」工具连接起来,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

重命名:双击改名为「主体抠图」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

输入:参数「上传图」,参数值为「引用-主体元素生成 data」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

② 为「辅元素 1」添加「智能抠图」工具:

添加:直接复制添加,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

重命名:双击改名为「辅助元素抠图_1」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

连接:将「辅助元素生成_1」工具和「辅助元素抠图_1」工具连接起来,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

输入:参数「上传图」,参数值为「引用-辅助元素生成_1 data」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

③ 为「辅元素 2」添加「智能抠图」工具:

添加:通过复制添加「智能抠图」工具,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

重命名:命名为「辅助元素抠图_2」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

连接:将「辅助元素生成_2」和「辅助元素抠图_2」连接起来,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

输入:参数「上传图」,参数值为「引用-辅助元素生成_2 data」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

小结:目前搭建的所有内容全图,如下:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

5. 添加「画板」排版

添加画板,是为了告诉程序,我们要怎样展示前面生成的所有图文元素,就是排版,以便输出相对美观的页面。

添加:添加画板工具,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

连接:将上面的 3 个抠图工具与「画板」进行连接,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

元素设置:通过新增「元素」,将封面页要展示的 8 个元素,输入到画板,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

图像-元素值-引用:封面图展示的是 _img 3 个抠图元素,所以要引用蓝色 icon「智能抠图」工具里的「data」,所以不要错选成图像生成工具啦~,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

文本-元素值-引用:封面图要展示的是 5 个文本元素,不要引用「开始-xx_prompt」哦,因为那 3 个是文生图提示词,不是我们要展示的文本哦,如下图:

Tips:如果这里引用错了,可以再多思考理解下哦~

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

画板编辑:上面的「元素设置」,每新增引用一个,画板里就新增一个元素,如下图:这里仅是预览,不可操作

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

特别提醒:编辑「画板」时,不要使用快捷回退键,因为对画板无效,回退的是「图像流」的操作步骤!

画板:如要编辑,需要点击「画板编辑」右侧 icon,展开「画板」,可对所有元素进行编辑,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

画板功能:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

画板设置:「画板尺寸」设置为「宽: 1080 * 高: 1440」;「画板颜色」选择白色 #ffffff;其他使用默认,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

上传背景图:这里我上传的是在设计软件里自己做的一张图,也可以直接找自己喜欢的背景图,上传进来,因为在画板里做图太痛苦,捂脸哭...

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

置底背景图:上传的图默认在最上面,点击「置底」,让这个背景图到最后一层,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

文本排版:调整文本元素,排列成自己想展示的效果

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

title 文本设置:

① 字体颜色:「130 字号、左对齐、区块文本、字语酷黑体、色值 #3D6F5C」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

② 展示字数设置:如这里不做限定展示字数,当生成的文本过多时,会自动折行现实,所以为达到一行展示效果,需要通过拖动宽高来做限制,当生成的文本超出字数会自动截取,「title1、title2」2 个元素需要分别调整,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

sub_title 文本设置:

① 字体颜色:「46 字号、左对齐、区块文本、思源黑体/常规体、色值 #3D6F5C」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

② 展示字数设置:和 title 文本操作一样,拖动限定展示字数,2 个元素需要分别调整,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

③ _img 图像设置:默认 3 个元素是堆叠在一起的,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

放大「main_img」图像,作为主元素展示,缩小「element_img1」拖到左上角,缩小「element_img2」拖到右下角,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

name 文本设置:

① 字体颜色:「24 字号、居中对齐、区块文本、思源黑体/常规体、色值 #ffffff」,如下图:

特别提醒:拖到上面设置好,再拖动到最下面,因为拖到下面设置画板就被遮挡住了,没法用,所有的元素都是这样子的,有点点无语...

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

最终调整后效果如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

左侧「画板编辑」会一直实时预览显示在画板上的设置,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

6. 结束

结束:将「画板」工具与「结束」节点连接,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

输出变量:参数名「output」,参数值为「引用-画板 data」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

完成:完整「图像流」效果,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

7. 试运行

点击右上角「试运行」

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

试运行编辑:输入各个「必填项」内容,提前预览下效果,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

点击「运行」

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

运行成功后:如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

8. 图像流发布

点击右上角「发布」,以便后续工作流调用使用

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

图像流-列表:点击「发布」后进入图像流列表页,可以看到刚才创建的图像流,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

三、图像流创建:内容页

完成上面封面页图像流的搭建,内容页图像流对我们来说就比较简单啦~
通过搭建「图像流」来生成下图这张封面:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

图像流拆解:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

1. 图像流:创建

操作路径「个人空间-图像流-创建」,输入必填项,名称为「xhs_content_page」,点击「确认」:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

点击「确认」后,进入图像流编辑页面,默认有 2 个节点:「开始、结束」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

2. 内容页元素拆解配置

「内容页」元素拆解, 共 8 个图文元素,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

「开始」节点:新增变量,输入 8 个元素的「变量、描述」信息,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

3. 添加「画板」排版

添加「画板」

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

连接:「开始」与「画板」进行连接,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

元素设置:通过新增「元素」,将内容页要展示的 8 个元素,输入到画板,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

画板设置:点击右侧 icon,展开画板,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

画板尺寸:默认是「16:9」,小红书配图一般是 3:4 比例,改为「宽: 1080 * 高: 1440」,输入宽高,前面自动改为「自定义」,正常逻辑应该是选项里应该有个

自定义选项,选择后再输入,不纠结这个,具体如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

上传背景图:自己做的一张图,上传进来,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

文本排版:背景图「置底」,开始调整文本布局,3 个「sub_title、content」一定要按顺序由上到下排列哦~

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

全部调整完成后效果如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

4. 结束

连接「画板」与「结束」节点,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

输出变量:参数名「output」,参数值「引用-画板 data」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

完成:完整图像流,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

5. 试运行

输入所有必填项,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

运行:点击右下角「运行」

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

运行成功

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

输出效果

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

6. 图像流发布

点击右上角「发布」,以便后续工作流调用使用

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

图像流-列表:点击「发布」后进入图像流列表页,可以看到刚才创建的图像流,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

四、工作流创建:生成所有文案

根据用户输入的关键词,「大模型」节点一次生成所有文案,包括:

封面页:1 个主标题,1 个副标题,3 个插图提示词;

内容页:9 个小标题,9 个内容。

工作流拆解:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

1. 工作流:创建

操作路径:「个人空间-工作流-创建工作流」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

创建工作流:名称「xhs_test」,输入工作描述,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

点击「确认」后,进入文本生成工作流「xhs_test」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

输入:删除默认空的变量

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

2. 添加「大模型」

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

添加后,拖到开始后面,并连接

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

模型:选择「MiniMax 6.5s 245K」

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

点击右侧 icon,配置模型

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

具体配置如下图,调高大模型的随机度

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

输入:选参数名「input」,变量值「引用-开始 BOT_USER_INPUT」

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

提示词: {{input}},这里输入的提示词为系统提示词

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

人设与回复逻辑:点击右侧 icon,输入人设提示词,最终生成效果会更好

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

生成小红书内容

## 角色
你是一位资深的养生达人,熟悉各种养生知识,擅长通过用户输入的关键词,提供养生建议

## 任务
根据用户输入的关键词,按照<生成规则>和<输出规则>的要求,为用户提供养生建议,一定要注意<限制要求>中的内容

## 生成规则
1. 充分理解用户输入关键词的意图
2. 生成一条养生建议的标题,字数严格要求 9-11 个字,**标题内容要反认知**,这个非常重要
3. 围绕这个标题,生成一个副标题,用来解释标题内容,字数严格要求 15-20 个字
4. 围绕这个标题,生成 9 个小标题,以序号开头,如:“1、xxx”,每个小标题字数不超过 10 个字
5. 为每一个小标题生成一段介绍内容,字数严格要求 90-160 个字,**一定要满足字数要求**,这个很重要。
6. 围绕标题内容,生成一个联想到的名词,比如标题是“假期就多去 KTV 唱歌”,联想到的名词就是“麦克风”
7. 围绕这个生成的名词,再生成两个关联的名词,比如生成名词是“麦克风”,关联的名词就是“音符”“音箱”

## 输出规则
以 json 格式输出,仅输出如下内容,不要做任何解释。输出格式:
[{
"title": "生成的主标题",
"subtitle": "(生成的副标题)",
"main_image": "联想到的名词",
"element_img1": "关联的名词 1",
"element_img2": "关联的名词 2",
"sub_title1": "小标题 1",
"content1": "介绍 1",
"sub_title2": "小标题 2",
"content2": "介绍 2",
"sub_title3": "小标题 3",
"content3": "介绍 3",
"sub_title4": "小标题 4",
"content4": "介绍 4"
"sub_title5": "小标题 5",
"content5": "介绍 5"
"sub_title6": "小标题 6",
"content6": "介绍 6"
"sub_title7": "小标题 7",
"content7": "介绍 7"
"sub_title8": "小标题 8",
"content8": "介绍 8"
"sub_title9": "小标题 9",
"content9": "介绍 9"
}]

## 限制要求
- 严格按照<输出规则>中的格式输出,不要再输出其他任何内容,也不要使用代码块的方式输出,**不要使用```这类的符号**,这个非常重要!

输出示例:[{
"title": "建议:假期就多去 KTV 唱歌",
"subtitle": "(爱唱歌的人生活得更久,而且还能帮你减肥~
内附 80 首 KTV 必点歌单,假期一起勇闯 KTV)",
"main_image": "麦克风",
"element_img1": "音符",
"element_img2": "音箱",
"sub_title1": "1、爱唱歌的人更长寿",
"content1": "美国老年学研究中心通过调查发现,歌剧歌唱家的心脏功能和普通人相比更加强活跃。
唱歌能使人长寿。研究证实,唱歌是呼吸肌在特定条件下的一种运动,好处不亚于跑步、游泳、划船等,所以说,经常唱歌,能让你活得更久哦~",
"sub_title2": "2、有节奏的体内按摩",
"content2": "唱歌时伴随人体横膈膜,这种内部的循环按摩,是任何一项运动都无法替代的。
随着歌曲节奏慢慢的变化,唱歌的呼吸时长时短、时快时慢,呼吸系统不断加压、减压的快速变化使得呼吸系统的肌肉得到锻炼,帮助按摩内脏,激活肺腑潜能,促进脏腑健康。",
"sub_title3": "3、唱歌能帮助减肥",
"content3": "唱歌是一项全身运动,可以锻炼全身肌肉,间接帮助你达到减肥的效果。
调研显示,60 公斤体重的人唱歌时热量消耗率 2.0 千卡/分钟,唱 2 小时消耗 240 千卡左右,唱一首歌相当于跑 100 米,对于想要减肥又喜欢运动的人来说,不妨试试多唱歌~",
"sub_title4": "4、提升心理健康",
"content4": "唱歌能够释放内心的压力和焦虑,研究表明,唱歌可以促进体内内啡肽的分泌,带来愉悦感,帮助改善情绪,提升心理健康。",
"sub_title5": "5、增强社交能力",
"content5": "在 KTV 等场合唱歌可以促进人与人之间的互动,增强社交能力。共同唱歌、分享歌曲能够拉近彼此的距离,增进友谊。",
"sub_title6": "6、提高记忆力",
"content6": "唱歌需要记忆歌词和旋律,这对大脑是一种锻炼。研究发现,常唱歌的人在记忆和学习新事物方面表现更佳,能够有效提高记忆力。",
"sub_title7": "7、改善呼吸系统",
"content7": "唱歌能够增强肺活量,改善呼吸系统功能。通过唱歌时的深呼吸,有助于增加氧气摄入,促进身体健康。",
"sub_title8": "8、提升自信心",
"content8": "在众人面前唱歌能够锻炼个人的表现能力,逐渐提升自信心。无论是独唱还是合唱,都会让你在舞台上更加自信。",
"sub_title9": "9、丰富文化知识",
"content9": "通过唱歌可以接触到不同的音乐风格和文化背景,丰富个人的文化知识,增加对音乐的理解和欣赏能力。"
}]

输入后,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

3. 添加「代码」节点:格式化数据

添加「代码」节点:由于大模型输出的内容,不能保证 100%是结构化的数据,所以这里通过添加「代码」节点处理一下,方便后边流程调用。

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

连接:连接「大模型」和「代码」两个节点,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

输入:参数名「input」,参数值「引用-大模型 output」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

代码:点击右侧按钮「在 IDE 中编辑」

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

选择「Python」语言

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

复制输入以下代码:

import json
import re

async def main(args: Args) -> Output:
params = args.params
# 假设 params['input'] 是包含 JSON 字符串的文本
# 使用正则提取 JSON 数据
json_string_match = re.search(r'\[.*\]', params['input'], re.DOTALL)

if not json_string_match:
return {"error": "无法提取 JSON 数据"}

json_string = json_string_match.group(0)

# 解析 JSON 数据
try:
json_data = json.loads(json_string)
except json.JSONDecodeError as e:
return {"error": f"JSON decode error: {str(e)}"}

# 创建一个对象类型的数组
extracted_values = []

# 创建一个字典来存储所有提取的数据
extracted_object = {
"title": json_data[0].get("title", ""),
"subtitle": json_data[0].get("subtitle", ""),
"name": json_data[0].get("name", "百岁老人系列"), # 确保提取 name
"main_img": json_data[0].get("main_image", "1 个可爱的小狗"), # 提取 main_img
"element_img1": json_data[0].get("element_img1", ""),
"element_img2": json_data[0].get("element_img2", ""),
}

# 提取子标题和内容并添加到字典中
for i in range(1, 10): # 假设最多有 9 个子标题和内容
sub_title_key = f"sub_title{i}"
content_key = f"content{i}"
extracted_object[sub_title_key] = json_data[0].get(sub_title_key, "")
extracted_object[content_key] = json_data[0].get(content_key, "")

# 将提取的对象添加到数组中
extracted_values.append(extracted_object)

ret: Output = {
"input": params['input'],
"extracted_values": extracted_values
}
return ret

输入后效果如下:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

输出:删除「key0、key1」

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

「key2」改为「extracted_values」,变量类型选择「Array<Object>」数组,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

点击右侧 icon「新增子项」23 个:

① 封面页 5 个:1 个主标题、1 个副标题、3 个图像元素;

② 内容页 18 个:每个内容页有 3 个小标题,3 个内容(共 9 个元素),后续要生成 3 张内容页,共 18 个元素;

如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

4. 主副标题:分行设置

用代码节点,将「主标题、副标题」进行分行,后边调用封面图的图像流中使用

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

重命名:双击标题区改名为「主标题-副标题分行」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

输入:「title」引用「代码 - extracted_values/title」;「subtitle」引用「代码 - extracted_values/subtitle」

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

代码:点击右侧「在 IDE 中编辑」,进入代码编辑,语言选择「Python」,复制粘贴输入以下代码:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

async def main(args: Args) -> Output:
params = args.params
title = params.get('title', '')
subtitle = params.get('subtitle', '')

# 处理 title
if len(title) > 7:
title1 = title[:7]
title2 = title[7:]
else:
title1 = title
title2 = ''

# 处理 subtitle
if len(subtitle) > 20:
subtitle1 = subtitle[:20]
subtitle2 = subtitle[20:]
else:
subtitle1 = subtitle
subtitle2 = ''

ret: Output = {
'title1': title1,
'title2': title2,
'subtitle1': subtitle1,
'subtitle2': subtitle2,
}

return ret

输出:配置以下内容

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

5. 图像流调用:生成封面页、内容页

添加图像流:添加上面已经创建好的 2 个图像流「xhs_cover_page、xhs_content_page」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

① 封面页-图像流

连接:连接「主标题-副标题分行」代码节点、「xhs_cover_page」图像流节点,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

输入:主副标题分行的 4 个参数,引用「代码-主标题-副标题分行」里的对应内容,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

输入:img 图片 3 个参数,引用-代码「main_image、element_img1、element_img2」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

最终输入效果,最后「name」选择「输入-@小红书名称」

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

② 内容页-图像流

复制创建:每个图像流可生成 1 个内容页,我们要生成 3 个内容页,在「xhs_content_page」基础上,再复制 2 个图像流,共 3 个内容页图像流,分别命名如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

连接:将「代码」节点与 3 个「内容页图像流」节点进行连接,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

输入:每个内容页展示 1 个标题,3 个小标题,3 个内容,1 个小红书名称,所以按顺序依次「引用」对应信息,第一页,参数值引用代码「1-3」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

第二页,参数值引用代码「4-6」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

第三页,参数值引用代码「7-9」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

目前工作流完整效果,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

6. 图像流输出:4 页图

通过添加「代码」节点,将 4 个图像流中的图片汇总,为之后卡片调用做准备

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

代码命名为「代码_1」

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

输入:引用对应图像流,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

代码:点击按钮,进入代码编辑页

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

语言选择「Python」,输入以下代码:

async def main(args: Args) -> Output:
params = args.params
cover_page = params.get("cover_page", "")
content_page1 = params.get("content_page1", "")
content_page2 = params.get("content_page2", "")
content_page3 = params.get("content_page3", "")

# 创建 pages 对象
pages = [
{"image": cover_page},
{"image": content_page1},
{"image": content_page2},
{"image": content_page3}
]

ret: Output = {
"pages": pages
}

return ret

输出:删除多余变量,主变量名改为「pages」,变量类型选「Array<Object>」,子变量名改为「image」,变量类型选「String」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

7. 结束

连接「代码_1」和「结束」节点。

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

输出变量:参数名引用对内容

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

这里一定要新增「pages」参数,并引用「代码_1」,如未添加引用,卡片将无法调用。

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

回答内容:输入以下内容

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

8. 试运行

点击右上角「试运行」,输入关键词,点击「运行」

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

成功运行效果

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

9. 工作流发布

运行成功没有问题后,点击「发布」,便于后续调用

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

发布成功后,会出现在工作流列表里,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

五、卡片创建

我们最后想生成下图的效果,「左右横滑」的样式,还有「标题、简介」,需要通过添加绑定卡片来实现。

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

卡片拆解:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

1. 卡片创建

操作路径如下「个人空间-卡片-创建卡片」

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

点击创建卡片,进入下图

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

2. 卡片编辑

① 组件搭建

布局组件:点击「横滑布局」,中间区域对应添加展示,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

基础组件:点击「标题」添加

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

基础组件:点击「文本」添加

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

视图模式:点击切换为「手机端」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

基础组件:点击「图片」,中间默认色块展示为图片默认效果,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

基础组件:图片-基础配置

  1. 数据:资源选择「image」;
  2. 样式:模式选择「宽度铺面」,裁剪开关打开,裁剪比例选择「3:4」,裁剪模式选择「填充缩放」;
  3. 操作:点击事件开关打开,选择「查看原图」。

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

② 结构编辑

Title3:基础配置

数据-内容:输入成功后的提示信息,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

Text2:基础配置

数据-内容:输入该工作流的简介,其他配置使用默认即可,也可以根据自己需要配置修改

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

数据-操作:为方便查看者联系我们,可设置「点击事件」开关打开,选择「打开 URL」,输入自己小红书 URL

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

ScrollLayout3:基础配置

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

数据:切换为「动态格数」

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

绑定数组类型变量:如未创建变量,下拉框无数据,需要新建

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

新建变量:左上角选择「变量」,点击「新建变量」

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

编辑变量:进入新建变量页面,输入必填项,点击确定,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

变量默认值:复制输入以下内容

[
{
"image" : "https://www.baidu.com"
},

{
"image" : "https://www.baidu.com"
}
]

数据:路径「卡片-结构-基础配置-数据-动态格数」,绑定数组类型变量,选择刚才新建的变量「图片列表」

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

③ 卡片命名

输入名称,点击「确认」

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

3. 卡片发布

右上角点击「发布」

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

发布:编辑,输入「版本号」,卡片选择「豆包」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

点击「确定」后,回到卡片列表可看到,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

六、Bot 创建配置

Bot 拆解:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

1. Bot 创建

操作路径:「个人空间-Bots-创建 Bot」

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

创建 Bot:输入必填项

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

点击「确认」后,进入 Bot 工作界面,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

2. 工作流添加

编排:模式切换为「单 Agent(LLM 模式)」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

切换模式后,出现下图,待添加工作流界面

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

「点击添加工作流」进入选择工作流对话框,选择我们创建的工作流「xhs_text」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

添加完成效果,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

3. 开场白编辑

添加「开场白」会在右侧界面默认展示,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

开场白:输入自己想展示的信息

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

4. 背景图片添加

我们想要背景美观些,可以添加一张背景图片,像下图这样:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

背景图片:添加流程

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

上次图片

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

上传成功后,下图右侧展示效果

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

5. 卡片绑定

输入内容,输出的内容是纵向的,纵向的无法显示完整的信息

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

我们想要的是下图这样,通过绑定上面创建的卡片实现

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

工作流配置:点击「绑定卡片数据」,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

点击「绑定卡片」,进入「Bot 回复卡片配置」对话框,卡片样式选择「我的卡片」,选中我们创建的卡片,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

为卡片绑定数据源:配置内容如下:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

绑定完成后,再输入信息,展示的就是横向的图片,如下图:

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

6. Bot 完成

发布后,别人也可以查看使用我们创建的 Bot,如不发布,仅自己可查看使用~

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

发布成功后,会在 Bot 列表里出现

一键出爆款!如何用 Coze 搭建图文生成+排版一体化工作流?

结语

Coze 生文可以,整体生图效果不理想,可以通过自定义插件或使用 Flux 来生图效果会好。欢迎留言交流,一起学习~

收藏 26
点赞 34

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。