提煉文章/知識資料,兩鍵轉(zhuǎn)換成小紅書圖片
現(xiàn)在AI的功能已經(jīng)越來越強大了,通過AI可以提高我們不少工作效率。剛好前幾天做了一個幾乎“一氣呵成”,把長文章轉(zhuǎn)成小紅書卡片的流程 Demo,分享給大家。
之前發(fā)過兩篇利用 AI 把長文章轉(zhuǎn)成小紅書圖片筆記的教程?,好多小伙伴用完后反饋“確實好用,但還不夠快”。
第一個需要第三方付費 API,另一個還需要導(dǎo)出 CSV 外加第三方工具。
前幾天為給行動營同學(xué)演示工作流工具,做了一個幾乎“一氣呵成”,把長文章轉(zhuǎn)成小紅書卡片的流程 Demo,分享給大家。
一、效果展示
整體工作流如下:長文章/知識類文檔發(fā)給 AI —> AI 按要求把文章提煉成結(jié)構(gòu)化信息 —> 把結(jié)構(gòu)化信息轉(zhuǎn)成小紅書卡片。
考慮到 AI 提煉的信息,我們肯定要改一改,所以這個工作流被拆成兩步:1)先讓 AI 提煉總結(jié),人工對 AI 提煉的內(nèi)容進行修正;2)把結(jié)構(gòu)化的信息轉(zhuǎn)成小紅書圖片。
下面是把結(jié)構(gòu)化信息轉(zhuǎn)成小紅書卡片的 Demo(樣式可以根據(jù)自己審美調(diào)整)
下面分步驟分享一下具體的實現(xiàn)過程。
二、實現(xiàn)過程
整個實現(xiàn)過程全程在 AI 的協(xié)助下完成,你可以使用 Kimi、海螺或者躍問復(fù)現(xiàn)。
如果實在懶得自己一步一步操作,可以在文末獲取直接體驗 Demo 的方式。
# 第一步:把文章轉(zhuǎn)成結(jié)構(gòu)化信息
要確保后面轉(zhuǎn)成小紅書圖片的過程更可控,我們必須要求 AI 在幫我們提煉長文章或者知識資料時按照既定的格式輸出,所以要在提示詞中跟 AI 描述清楚。
我下一步要做的小紅書卡片結(jié)構(gòu)是「封面包含標(biāo)題和摘要」、「第二章圖是標(biāo)題和知識概要」、「第三~N張詳細(xì)內(nèi)容的圖是標(biāo)題和 3~5 個關(guān)鍵知識點」
大概如下:
小紅書圖片結(jié)構(gòu)
下面是我讓 Kimi 幫我總結(jié)文章的要求,為了確保 AI 嚴(yán)格遵循指令,我用了 JSON 格式:
你可以根據(jù)自己期望的圖片結(jié)構(gòu)和樣式,要求 AI 輸出對應(yīng)的結(jié)構(gòu),調(diào)整提示詞中的結(jié)構(gòu)即可。
第二步:把 AI 提煉的內(nèi)容轉(zhuǎn)成小紅書卡片
有個結(jié)構(gòu)化內(nèi)容,把它們編排成為圖片很簡單。
都是早就很成熟的技術(shù)了,我知道的至少就有兩種:1)做成網(wǎng)頁然后轉(zhuǎn)成圖片;2)把文字直接寫入到圖片的指定位置。
之前這篇文章?分享的工具用的就是方法 2),今天咱們用方法 1)來實現(xiàn)。
讓 AI 寫個網(wǎng)頁來幫我們實現(xiàn)就好了:
- 頁面里有一個輸入框,下面是按鈕,點擊以后把 AI 幫我們總結(jié)的內(nèi)容轉(zhuǎn)成網(wǎng)頁
- 按鈕下面是一個預(yù)覽區(qū)域,顯示轉(zhuǎn)化后的樣式,預(yù)覽沒毛病把網(wǎng)頁轉(zhuǎn)成圖片保存就好了
- 告訴 AI,你提供文本的每部分放在頁面的什么位置
- 感興趣再讓 AI 幫你美化美化頁面樣式
下面這個是 AI 第一版幫我寫的網(wǎng)頁,雖然簡陋但竟然一步到位完美實現(xiàn)了。
初始頁面樣式
然后讓 AI 幫我使用 Tailwind 做了一些美化,樣式看起來稍微高級一些了。
美化后的操作頁面
具體要求 AI 寫這個工具的提示詞超級長,不在發(fā)在這里了,領(lǐng)取方式在文末。
把網(wǎng)頁轉(zhuǎn)成圖片,我用了一個叫 html2canvas 的開源項目,直接把這個工具使用的示例代碼發(fā)給 AI 它就會寫。
告訴 AI 如何使用 html2canvas
第三步:美化 AI 生成的卡片或升級
針對生成圖片的樣式美化,這個就因人而異了,不再贅述。
如果你對自己寫的提示詞足夠自信,可以把第一步讓 AI 提煉文章或者知識資料為結(jié)構(gòu)化的過程調(diào)用 API 接口實現(xiàn),將返回的內(nèi)容直接和第二步合并。
合并之后大概如下:
三、來學(xué)AI 吧
前面的實現(xiàn)過程,我只需要提供想法,剩下都是 AI 實現(xiàn)的。
并且調(diào)整過程中遇到的所有問題,都可以問 AI 幫你解決。
問 AI 怎么加下劃線
AI 真的已經(jīng)強大到幾乎可以實現(xiàn)你的所有想法了!
給大家提供三個助你學(xué)好、用好 AI 的渠道:
1)AI學(xué)習(xí)行動圈
包含:
- 全年 365 天的知識星球,每天分享 AI 報告、資訊、實戰(zhàn)應(yīng)用和 AI 工具;
- 2400+人的交流圈子,在 AI 一線實戰(zhàn)、創(chuàng)業(yè)的行業(yè)大咖交流群;
- AIGC 提效知識庫,沉淀了幾十個常用 AI 工具、提示詞框架、深度研報和實戰(zhàn)文章;
原價 299/年,限時 49。每滿 500 人漲價一輪,掃碼領(lǐng)券進。
2)AI實戰(zhàn)系列直播公開課
多場景、多業(yè)務(wù)、多崗位、多種工具的實戰(zhàn)演示直播,周一到周四每晚 19:30-21:30。
學(xué)點能直接用起來的實操 AI 技能,掃碼預(yù)約。
3)AI 重塑職場競爭力行動營
包含:
- 8 章 56 節(jié)錄播課程,體系化的掌握職場必備技能、用 AI 重塑競爭力
- 全年 44 場直播課程,每周五更新,同步最新 AI 動態(tài),確保你總能學(xué)到最新的 AI 知識;
- “卷”到哭的校友群,高強度學(xué)習(xí)交流、應(yīng)用實戰(zhàn)分享、成果“返圖”打氣,保證你能學(xué)好、學(xué)完;
- 500+實戰(zhàn)提示詞支持文檔,覆蓋幾乎所有辦公場景和業(yè)務(wù)需求的實戰(zhàn)提示詞,直播課程逐字稿
四、直接體驗包
我把文章開頭演示的 Demo 頁面源代碼放在 AI 學(xué)習(xí)行動圈知識星球了,在星球里搜索「文章轉(zhuǎn)卡片」下載。
- 目前還沒評論,等你發(fā)揮!