之前发过两篇利用 AI 把长文章转成小红书图片条记的教程❶,好多小伙伴用完后反馈“确实好用,但还不足快”。

第一个须要第三方付费 API,另一个还须要导出 CSV 外加第三方工具。

前几天为给行动营同学演示事情流工具,做了一个险些“一气呵成”,把长文章转成小红书卡片的流程 Demo,分享给大家。

一、效果展示

整体事情流如下:长文章/知识类文档发给 AI —> AI 按哀求把文章提炼成构造化信息 —> 把构造化信息转成小红书卡片。

提炼文章/常识资料两键转换成小红书图片

考虑到 AI 提炼的信息,我们肯定要改一改,以是这个事情流被拆成两步:1)先让 AI 提炼总结,人工对 AI 提炼的内容进行改动;2)把构造化的信息转成小红书图片。

下面是把构造化信息转成小红书卡片的 Demo(样式可以根据自己审美调度)

下面分步骤分享一下详细的实现过程。

二、实现过程

全体实现过程全程在 AI 的帮忙下完成,你可以利用 Kimi、海螺或者跃问复现。

如果实在

# 第一步:把文章转成构造化信息

要确保后面转成小红书图片的过程更可控,我们必须哀求 AI 在帮我们提炼长文章或者知识资料时按照既定的格式输出,以是要在提示词中跟 AI 描述清楚。

我下一步要做的小红书卡片构造是「封面包含标题和择要」、「第二章图是标题和知识概要」、「第三~N张详细内容的图是标题和 3~5 个关键知识点」

大概如下:

小红书图片构造

下面是我让 Kimi 帮我总结文章的哀求,为了确保 AI 严格遵照指令,我用了 JSON 格式:

你可以根据自己期望的图片构造和样式,哀求 AI 输出对应的构造,调度提示词中的构造即可。

第二步:把 AI 提炼的内容转成小红书卡片

有个构造化内容,把它们编排成为图片很大略。

都是早就很成熟的技能了,我知道的至少就有两种:1)做成网页然后转成图片;2)把笔墨直接写入到图片的指定位置。

之前这篇文章❶分享的工具用的便是方法 2),本日咱们用方法 1)来实现。

让 AI 写个网页来帮我们实现就好了:

页面里有一个输入框,下面是按钮,点击往后把 AI 帮我们总结的内容转成网页按钮下面是一个预览区域,显示转化后的样式,预览没毛病把网页转成图片保存就好了见告 AI,你供应文本的每部分放在页面的什么位置感兴趣再让 AI 帮你美化美化页面样式

下面这个是 AI 初版帮我写的网页,虽然简陋但竟然一步到位完美实现了。

初始页面样式

然后让 AI 帮我利用 Tailwind 做了一些美化,样式看起来轻微高等一些了。

美化后的操作页面

详细哀求 AI 写这个工具的提示词超级长,不在发在这里了,领取办法在文末。

把网页转成图片,我用了一个叫 html2canvas 的开源项目,直接把这个工具利用的示例代码发给 AI 它就会写。

见告 AI 如何利用 html2canvas

第三步:美化 AI 天生的卡片或升级

针对天生图片的样式美化,这个就因人而异了,不再赘述。

如果你对自己写的提示词足够自傲,可以把第一步让 AI 提炼文章或者知识资料为构造化的过程调用 API 接口实现,将返回的内容直接和第二步合并。

合并之后大概如下:

三、来学AI 吧

前面的实现过程,我只须要供应想法,剩下都是 AI 实现的。

并且调度过程中碰着的所有问题,都可以问 AI 帮你办理。

问 AI 怎么加下划线

AI 真的已经强大到险些可以实现你的所有想法了!

给大家供应三个助你学好、用好 AI 的渠道:

1)AI学习行动圈

包含:

整年 365 天的知识星球,每天分享 AI 报告、资讯、实战运用和 AI 工具;2400+人的互换圈子,在 AI 一线实战、创业的行业大咖互换群;AIGC 提效知识库,沉淀了几十个常用 AI 工具、提示词框架、深度研报和实战文章;

2)AI实战系列直播公开课

多场景、多业务、多岗位、多种工具的实战演示直播,周一到周四每晚 19:30-21:30。

3)AI 重塑职场竞争力行动营

包含:

8 章 56 选录播课程,体系化的节制职场必备技能、用 AI 重塑竞争力整年 44 场直播课程,每周五更新,同步最新 AI 动态,确保你总能学到最新的 AI 知识;“卷”到哭的校友群,高强度学习互换、运用实战分享、成果“返图”打气,担保你能学好、学完;500+实战提示词支持文档,覆盖险些所有办公场景和业务需求的实战提示词,直播课程逐字稿

四、直接体验包

我把文章开头演示的 Demo 页面源代码放在 AI 学习行动圈知识星球了,在星球里搜索「文章转卡片」下载。