之前发过两篇利用 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 学习行动圈知识星球了,在星球里搜索「文章转卡片」下载。