現在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 工具、提示詞架構、深度研報和實戰文章；
2）AI實戰系列直播公開課
多場景、多業務、多崗位、多種工具的實戰示範直播，周一到周四每晚 19:30-21:30。
3）AI 重塑職場競争力行動營
包含：
- 8 章 56 節錄播課程，體系化的掌握職場必備技能、用 AI 重塑競争力
- 全年 44 場直播課程，每周五更新，同步最新 AI 動态，確定你總能學到最新的 AI 知識；
- “卷”到哭的校友群，高強度學習交流、應用實戰分享、成果“返圖”打氣，保證你能學好、學完；
- 500+實戰提示詞支援文檔，覆寫幾乎所有辦公場景和業務需求的實戰提示詞，直播課程逐字稿
四、直接體驗包
我把文章開頭示範的 Demo 頁面源代碼放在 AI 學習行動圈知識星球了，在星球裡搜尋「文章轉卡片」下載下傳。