MD2Card插件下架?Coze工作流一键制作小红书爆款图文卡片!(附体验链接)

577 阅读5分钟

大家好,我是小肥肠,专注AI干货知识分享,最近都在分享Coze工作流,今天将给大家分享一个Coze工作流实战案例:一键生成自定义风格的小红书图文卡片。

1. 前言

最近很多群友反馈小红书二创图文工作流里面的MD2card用不了,我去看了一下插件,发现下架了,出来了一个MD2img,也是要收费,群友问我能不能自己写一个类似MD2card的插件或工作流,我的回答当然是可以,由于插件的路线太复杂,涉及到MD2card源码部署等操作,这个我会放到之后的文章,今天先将用简单的工作流实现类MD2card能力,即一键生成自定义风格小红书图文卡片。

2. 工作流思路整理

在做工作流之前我们首先要理清楚整体的思路,大概就是我们要做什么、需要怎么做,从这两点出发考虑,整体工作流的制作思路就能在心里有个雏形。

首先是做什么?

我们要制作类似MD2card的简易工作流,这个工作流能自定义风格生成小红书图文卡片。

怎么做?

这一步主要是整理工作流的大致实现思路,我整理了一个简易的步骤:

  1. 用户输入图文卡片的内容和卡片风格

  2. 基于指定风格生成相应卡片

  3. 将卡片内容写入

  4. 返回完整小红书图文卡片

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

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