掘金 人工智能 05月30日 13:38
MD2Card插件下架?Coze工作流一键制作小红书爆款图文卡片!(附体验链接)
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_guoji1.html

 

本文介绍了如何使用Coze工作流快速生成自定义风格的小红书图文卡片,类似MD2card的功能。通过梳理工作流思路、详细介绍实现步骤,包括Markdown转换、HTML整合和图片生成,作者分享了实战经验,并提供资源供读者学习和体验。读者可以自定义卡片风格,并获取相关提示词和教程。

💡文章的核心是基于Coze工作流,实现一键生成自定义风格的小红书图文卡片,类似于MD2card的功能,解决用户在小红书二创图文工作流中遇到的问题。

🛠️工作流的构建思路清晰,包括用户输入图文内容和风格,基于风格生成卡片,将内容写入并返回完整卡片。整个流程涉及Markdown转换、HTML标签整合和图片生成等关键环节。

⚙️作者详细介绍了工作流的实现步骤,包括Markdown分段、HTML转换、CSS样式整合等。同时,提供了代码示例,帮助读者理解技术细节,并指导如何调用和体验工作流。

🎨文章提供了三种预定义的卡片风格:简约现代、怀旧复古、活力多彩,用户可以根据自己的需求选择合适的风格,并体验作者的应用,提出个性化需求。

大家好,我是小肥肠,专注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应用里体验,多多留言你想要的卡片风格,我会尽量满足大家的需求。

我是小肥肠,我们下期再见!

Fish AI Reader

Fish AI Reader

AI辅助创作,多种专业模板,深度分析,高质量内容生成。从观点提取到深度思考,FishAI为您提供全方位的创作支持。新版本引入自定义参数,让您的创作更加个性化和精准。

FishAI

FishAI

鱼阅,AI 时代的下一个智能信息助手,助你摆脱信息焦虑

联系邮箱 441953276@qq.com

相关标签

Coze工作流 小红书 图文卡片 AI创作
相关文章