提煉文章/知識資料,兩鍵轉(zhuǎn)換成小紅書圖片

0 評論 3550 瀏覽 5 收藏 9 分鐘

現(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)卡片」下載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!