上一篇利用Coze 智能体搞定小红书图文(上),已经完成了小红书封面部分,本篇就完成剩下部分,顺便讲解下利用Coze卡片对输出进行排版的方法。
制作小红书内容图文
还记得上篇大模型输出的内容吗?大模型输出大的是Json字符串,为了方便后面节点使用大模型输出大的内容,添加了一个代码节点,将Json字符串转成了Json对象。代码节点的输出格式如下

上图中框出来的就是要生成小红书图文的内容,继续使用画板节点来对内容进行排版。

上图中元素设置这里设置好画板需要的输入,再看下小红书内容图文需要实现的排版样式,如下图

可以看到最底部是一个绿色的圆角背景,但是Coze的画板不支持圆角矩形,就需要先制作一个绿色圆角图片,然后插入到画板 。制作圆角图片可以使用uutool.cn/pure-color-...网站制作。先在这个网站制作一个绿色图片

再将图片转成圆角

最后将这个图片添加到Coze画板,就完成了绿色圆角背景的添加。

还需要添加一个白色矩形

接着设置标题的样式

再设置子标题和子内容样式

到这里就完成了一张图文内容,需要的是三张,另外两张复制一下这个节点,改下里面的内容就可以。

看下复制出来节点里面的配置


这样就完成了内容图文的制作。再修改下结束节点的输出,如下

试运行看下生成内容图文的效果

效果还不错,工作流到这里就算搭建完成了,接着就新建智能体,将这个工作流放到智能体中。
设置智能体
之前的文章已经讲过了智能体的相关内容,这里就不再赘述,不熟悉的话可以查看我之前的文章。
1、新建智能体,创建内容如下

2、添加工作流

3、设置人设与回复逻辑

上面内容完成后,输入"早餐"测试下,看下生成的结果

图文内容已经生成,但是,这个输出的排版不太美观,可以通过Coze的卡片功能优化下,下面介绍下如何使用Coze的卡片。
Coze卡片
使用卡片的话,需要修改下之前工作流的输出,修改成列表输出,需要添加一个代码节点,将封面和内容整合成数组。工作流修改如下

代码节点的配置如下

再修改下结束节点的输出

这样,准备工作就做完了。记得将工作流发布下,不然修改不会生效。
再回到智能体界面,看下工作流那一栏,有绑定卡片数据的按钮,点击一下

会弹出选择哪个节点绑定卡片,如果工作流里面有好几个输出节点,你需要选择对应的输出绑定卡片,这里的工作流只有结束节点的输出,不用选择,直接点击绑定卡片。

在弹出的窗口,选择"新增"

就到了制作卡片的界面,如下

先修改下卡片名称

为了达到更好的学习效果,这里就不使用卡片的模板,直接动手一步步搭建 ,点击组件tab,选择网格布局

中间的预览界面就出现了网格布局

再将图片组件拖到四个网格栏里

就成了下面的样子

右侧菜单面板调整下参数,如下图

图片显示样式已经设置好了,现在需要新建一个变量,用来接收工作流输出的,点击变量,新建变量

变量设置如下

确定后,变量栏目会出现刚才新建的变量,如下

变量设置好了,再回到卡片标签,点击结构tab,看下布局的结构,如下

调整右侧菜单面板参数,调整后的参数如下

再在结构里面选择Image1

调整资源栏目的参数

选择image,如下

到这里就完成了Coze卡片中图片组件的配置,其他组件的配置和这个类似。这里再添加两个文本组件,最后卡片展示的内容如下

完成配置后,同样需要发布 。发布后再回到智能体工作流那里,点击**绑定卡片数据,到智能体回复卡片配置界面,选择我的卡片,**就能看到刚才制作的卡片了,选中,设置下卡片绑定的数据源

这样就将工作流的输出绑定到了卡片中的images变量。再测试下,看下效果

不错,符合预期。
总结
本文先介绍了用画板 制作小红书内容,接着讲解了如何使用Coze卡片 对输出内容进行排版。需要注意的是卡片现在只支持Coze平台 ,如果你的智能体发布到其他平台则不支持。本文的智能体已经发布到Coze平台,点击这里 体验。