大家好,我是小肥肠,专注AI干货知识分享,最近都在分享Coze工作流,今天将给大家分享一个Coze工作流实战案例:一键生成自定义风格的小红书图文卡片。
1. 前言
最近很多群友反馈小红书二创图文工作流里面的MD2card用不了,我去看了一下插件,发现下架了,出来了一个MD2img,也是要收费,群友问我能不能自己写一个类似MD2card的插件或工作流,我的回答当然是可以,由于插件的路线太复杂,涉及到MD2card源码部署等操作,这个我会放到之后的文章,今天先将用简单的工作流实现类MD2card能力,即一键生成自定义风格小红书图文卡片。
2. 工作流思路整理
在做工作流之前我们首先要理清楚整体的思路,大概就是我们要做什么、需要怎么做,从这两点出发考虑,整体工作流的制作思路就能在心里有个雏形。
首先是做什么?
我们要制作类似MD2card的简易工作流,这个工作流能自定义风格生成小红书图文卡片。
怎么做?
这一步主要是整理工作流的大致实现思路,我整理了一个简易的步骤:
用户输入图文卡片的内容和卡片风格
基于指定风格生成相应卡片
将卡片内容写入
返回完整小红书图文卡片
3. 工作流实现
本章还是按照惯例,给大家说一下工作流实现的核心环节,完整工作流如下:
开始节点: 开始节点输入参数为要填入图文卡片的文字内容(Markdown格式)和小红书图文卡片风格。我提前定义了三种风格,分别是简约现代风格、怀旧复古风格、活力多彩风格,风格的定义我参考的MD2card网页MD2card.com/zh/blogs/cu…
Markdown 分段工具(代码): 这个节点的作用是将文字内容以Markdown标识进行分段。
分段内容转换为 HTML 标签: 这个环节的作用是将分段内容转换为html标签。
基于 HTML 标签以及用户选择的风格整合HTML并生成图片:
在上图中,首先我们要从数据库中查询用户选定风格对应的css代码。
将查询出来的css代码与我们生成的html标签整合,即可输出完整的html界面,这一步骤由代码节点实现:
源码为:
async function main({ params }: Args): Promise<Output> { // 获取输入的标签数组 const tags = params.input; // tags是一个包含HTML标签字符串的数组 // 将所有CSS样式封装成一个变量 const cssStyles = params.cardStyle; // 初始化HTML模板结构 let htmlContent = ` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>文案</title> <style> ${cssStyles} <!-- 使用封装的CSS样式 --> </style> </head> <body> <div id="card"> <div id="card-header"></div> <div id="card-content"> <div id="card-content-inner"> `; // 遍历标签数组并将标签嵌入到HTML中 tags.forEach(tag => { htmlContent += `\n ${tag}`; // 将每个标签插入HTML结构中 }); // 添加结束的HTML结构 htmlContent += ` </div> </div> <div id="card-footer"></div> </div> </body> </html> `; return { html: htmlContent };}
最后一个步骤就是将我们生成的html内容转换为图片:
上述就是整个工作流的主要流程,整个工作流涉及到几十个节点,流程相对复杂,动手能力强的读者可以根据以上思路研究一下。如果想直接获取工作流,可以加入社群后我拉你进Coze空间直接学习使用。
4. 实现效果
上面搭建的工作流如何调用?使用的方法很多,我是搭建了一个小红书图文二创工作流来调用:
开始节点输入参数为小红书笔记链接和小红书图文卡片风格,小红书cookie和智普AI的key:
小红书的cookie获取可以进入网页版小红书,打开开发者工具(按F12),进入Network找一个异步请求获取:
智普AI的key可以通过以下网址申请:www.bigmodel.cn/usercenter/… , 参数填写完毕就可以点击运行了,运行后的结果为二创后的小红书图文卡片,原文链接为:DeepSeek常用润色指令(干货) - 小红书,下面是我二创后的其中一个卡片:
想要体验这个工作流的朋友可以直接去我的应用里面体验:扣子-AI 智能体开发平台,你想要什么风格也可以在应用里给我留言,我有时间就会新增:
5. 资料领取
你觉得大模型不好用,可能是你不会写提示词,小肥肠为你准备了海量提示词模板和DeepSeek相关教程,只需关注gzh后端小肥肠,点击底部【资源】菜单即可领取。
本文的工作流及提示词已经上传至coze空间,感兴趣的朋友可以私信小肥肠详细了解~
6. 结语
通过Coze工作流,我们成功地搭建了一个简易的类MD2card工具 ,实现了自定义风格小红书图文卡片的一键生成 。虽然过程略微复杂,但希望今天的分享能帮助大家解决燃眉之急。如果你觉得这篇文章对你有帮助,欢迎点赞、收藏、评论 !也欢迎大家来我的Coze应用里体验,多多留言你想要的卡片风格,我会尽量满足大家的需求。
我是小肥肠,我们下期再见!