提炼文章/知识资料,两键转换成小红书图片
现在AI的功能已经越来越强大了,通过AI可以提高我们不少工作效率。刚好前几天做了一个几乎“一气呵成”,把长文章转成小红书卡片的流程 Demo,分享给大家。
之前发过两篇利用 AI 把长文章转成小红书图片笔记的教程❶,好多小伙伴用完后反馈“确实好用,但还不够快”。
第一个需要第三方付费 API,另一个还需要导出 CSV 外加第三方工具。
前几天为给行动营同学演示工作流工具,做了一个几乎“一气呵成”,把长文章转成小红书卡片的流程 Demo,分享给大家。
一、效果展示
整体工作流如下:长文章/知识类文档发给 AI —> AI 按要求把文章提炼成结构化信息 —> 把结构化信息转成小红书卡片。
考虑到 AI 提炼的信息,我们肯定要改一改,所以这个工作流被拆成两步:1)先让 AI 提炼总结,人工对 AI 提炼的内容进行修正;2)把结构化的信息转成小红书图片。
下面是把结构化信息转成小红书卡片的 Demo(样式可以根据自己审美调整)
下面分步骤分享一下具体的实现过程。
二、实现过程
整个实现过程全程在 AI 的协助下完成,你可以使用 Kimi、海螺或者跃问复现。
如果实在懒得自己一步一步操作,可以在文末获取直接体验 Demo 的方式。
# 第一步:把文章转成结构化信息
要确保后面转成小红书图片的过程更可控,我们必须要求 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 工具、提示词框架、深度研报和实战文章;
原价 299/年,限时 49。每满 500 人涨价一轮,扫码领券进。
2)AI实战系列直播公开课
多场景、多业务、多岗位、多种工具的实战演示直播,周一到周四每晚 19:30-21:30。
学点能直接用起来的实操 AI 技能,扫码预约。
3)AI 重塑职场竞争力行动营
包含:
- 8 章 56 节录播课程,体系化的掌握职场必备技能、用 AI 重塑竞争力
- 全年 44 场直播课程,每周五更新,同步最新 AI 动态,确保你总能学到最新的 AI 知识;
- “卷”到哭的校友群,高强度学习交流、应用实战分享、成果“返图”打气,保证你能学好、学完;
- 500+实战提示词支持文档,覆盖几乎所有办公场景和业务需求的实战提示词,直播课程逐字稿
四、直接体验包
我把文章开头演示的 Demo 页面源代码放在 AI 学习行动圈知识星球了,在星球里搜索「文章转卡片」下载。
- 目前还没评论,等你发挥!