現(xiàn)在AI的功能已經(jīng)越來越強(qiáng)大了，通過AI可以提高我們不少工作效率。剛好前幾天做了一個(gè)幾乎“一氣呵成”，把長文章轉(zhuǎn)成小紅書卡片的流程 Demo，分享給大家。

之前發(fā)過兩篇利用 AI 把長文章轉(zhuǎn)成小紅書圖片筆記的教程?，好多小伙伴用完后反饋“確實(shí)好用，但還不夠快”。

第一個(gè)需要第三方付費(fèi) API，另一個(gè)還需要導(dǎo)出 CSV 外加第三方工具。

前幾天為給行動(dòng)營同學(xué)演示工作流工具，做了一個(gè)幾乎“一氣呵成”，把長文章轉(zhuǎn)成小紅書卡片的流程 Demo，分享給大家。

一、效果展示

整體工作流如下：長文章/知識(shí)類文檔發(fā)給 AI —> AI 按要求把文章提煉成結(jié)構(gòu)化信息 —> 把結(jié)構(gòu)化信息轉(zhuǎn)成小紅書卡片。

考慮到 AI 提煉的信息，我們肯定要改一改，所以這個(gè)工作流被拆成兩步：1）先讓 AI 提煉總結(jié)，人工對 AI 提煉的內(nèi)容進(jìn)行修正；2）把結(jié)構(gòu)化的信息轉(zhuǎn)成小紅書圖片。

下面是把結(jié)構(gòu)化信息轉(zhuǎn)成小紅書卡片的 Demo（樣式可以根據(jù)自己審美調(diào)整）

下面分步驟分享一下具體的實(shí)現(xiàn)過程。

二、實(shí)現(xiàn)過程

整個(gè)實(shí)現(xiàn)過程全程在 AI 的協(xié)助下完成，你可以使用 Kimi、海螺或者躍問復(fù)現(xiàn)。

如果實(shí)在懶得自己一步一步操作，可以在文末獲取直接體驗(yàn) Demo 的方式。

# 第一步：把文章轉(zhuǎn)成結(jié)構(gòu)化信息

要確保后面轉(zhuǎn)成小紅書圖片的過程更可控，我們必須要求 AI 在幫我們提煉長文章或者知識(shí)資料時(shí)按照既定的格式輸出，所以要在提示詞中跟 AI 描述清楚。

我下一步要做的小紅書卡片結(jié)構(gòu)是「封面包含標(biāo)題和摘要」、「第二章圖是標(biāo)題和知識(shí)概要」、「第三~N張?jiān)敿?xì)內(nèi)容的圖是標(biāo)題和 3~5 個(gè)關(guān)鍵知識(shí)點(diǎ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)成小紅書卡片

有個(gè)結(jié)構(gòu)化內(nèi)容，把它們編排成為圖片很簡單。

都是早就很成熟的技術(shù)了，我知道的至少就有兩種：1）做成網(wǎng)頁然后轉(zhuǎn)成圖片；2）把文字直接寫入到圖片的指定位置。

之前這篇文章?分享的工具用的就是方法 2），今天咱們用方法 1）來實(shí)現(xiàn)。

讓 AI 寫個(gè)網(wǎng)頁來幫我們實(shí)現(xiàn)就好了：

• 頁面里有一個(gè)輸入框，下面是按鈕，點(diǎn)擊以后把 AI 幫我們總結(jié)的內(nèi)容轉(zhuǎn)成網(wǎng)頁
• 按鈕下面是一個(gè)預(yù)覽區(qū)域，顯示轉(zhuǎn)化后的樣式，預(yù)覽沒毛病把網(wǎng)頁轉(zhuǎn)成圖片保存就好了
• 告訴 AI，你提供文本的每部分放在頁面的什么位置
• 感興趣再讓 AI 幫你美化美化頁面樣式

下面這個(gè)是 AI 第一版幫我寫的網(wǎng)頁，雖然簡陋但竟然一步到位完美實(shí)現(xiàn)了。

初始頁面樣式

然后讓 AI 幫我使用 Tailwind 做了一些美化，樣式看起來稍微高級一些了。

美化后的操作頁面

具體要求 AI 寫這個(gè)工具的提示詞超級長，不在發(fā)在這里了，領(lǐng)取方式在文末。

把網(wǎng)頁轉(zhuǎn)成圖片，我用了一個(gè)叫 html2canvas 的開源項(xiàng)目，直接把這個(gè)工具使用的示例代碼發(fā)給 AI 它就會(huì)寫。

告訴 AI 如何使用 html2canvas

第三步：美化 AI 生成的卡片或升級

針對生成圖片的樣式美化，這個(gè)就因人而異了，不再贅述。

如果你對自己寫的提示詞足夠自信，可以把第一步讓 AI 提煉文章或者知識(shí)資料為結(jié)構(gòu)化的過程調(diào)用 API 接口實(shí)現(xiàn)，將返回的內(nèi)容直接和第二步合并。

合并之后大概如下：

三、來學(xué)AI 吧

前面的實(shí)現(xiàn)過程，我只需要提供想法，剩下都是 AI 實(shí)現(xiàn)的。

并且調(diào)整過程中遇到的所有問題，都可以問 AI 幫你解決。

問 AI 怎么加下劃線

AI 真的已經(jīng)強(qiáng)大到幾乎可以實(shí)現(xiàn)你的所有想法了！

給大家提供三個(gè)助你學(xué)好、用好 AI 的渠道：

1）AI學(xué)習(xí)行動(dòng)圈

包含：

• 全年 365 天的知識(shí)星球，每天分享 AI 報(bào)告、資訊、實(shí)戰(zhàn)應(yīng)用和 AI 工具；
• 2400+人的交流圈子，在 AI 一線實(shí)戰(zhàn)、創(chuàng)業(yè)的行業(yè)大咖交流群；
• AIGC 提效知識(shí)庫，沉淀了幾十個(gè)常用 AI 工具、提示詞框架、深度研報(bào)和實(shí)戰(zhàn)文章；

原價(jià) 299/年，限時(shí) 49。每滿 500 人漲價(jià)一輪，掃碼領(lǐng)券進(jìn)。

2）AI實(shí)戰(zhàn)系列直播公開課

多場景、多業(yè)務(wù)、多崗位、多種工具的實(shí)戰(zhàn)演示直播，周一到周四每晚 19:30-21:30。

學(xué)點(diǎn)能直接用起來的實(shí)操 AI 技能，掃碼預(yù)約。

3）AI 重塑職場競爭力行動(dòng)營

包含：

• 8 章 56 節(jié)錄播課程，體系化的掌握職場必備技能、用 AI 重塑競爭力
• 全年 44 場直播課程，每周五更新，同步最新 AI 動(dòng)態(tài)，確保你總能學(xué)到最新的 AI 知識(shí)；
• “卷”到哭的校友群，高強(qiáng)度學(xué)習(xí)交流、應(yīng)用實(shí)戰(zhàn)分享、成果“返圖”打氣，保證你能學(xué)好、學(xué)完；
• 500+實(shí)戰(zhàn)提示詞支持文檔，覆蓋幾乎所有辦公場景和業(yè)務(wù)需求的實(shí)戰(zhàn)提示詞，直播課程逐字稿

四、直接體驗(yàn)包

我把文章開頭演示的 Demo 頁面源代碼放在 AI 學(xué)習(xí)行動(dòng)圈知識(shí)星球了，在星球里搜索「文章轉(zhuǎn)卡片」下載。