MO STORIES

用 Claude Code + Kie AI 做 IG 輪播:從 Markdown 到上架的完整自動化工作流(2026)

2026年4月14日17 MIN READ

半年前,我發一篇 IG 輪播要花 45 分鐘。 打開 Canva、找模板、拉圖、改文字、匯出 10 張 PNG、上傳、打 caption、發文。流程複雜,哪一步出錯就要重跑。 現在我用 Claude Code + Kie AI,同樣一篇輪播,20 分鐘以內可以從草稿到上架。而且每一步都在本地,不靠任何付費 SaaS。 ...

用 Claude Code + Kie AI 做 IG 輪播:從 Markdown 到上架的完整自動化工作流(2026)
Cover Visual

用 Claude Code + Kie AI 做 IG 輪播:從 Markdown 到上架的完整自動化工作流(2026)

半年前,我發一篇 IG 輪播要花 45 分鐘。

打開 Canva、找模板、拉圖、改文字、匯出 10 張 PNG、上傳、打 caption、發文。流程複雜,哪一步出錯就要重跑。

現在我用 Claude Code + Kie AI,同樣一篇輪播,20 分鐘以內可以從草稿到上架。而且每一步都在本地,不靠任何付費 SaaS。

這篇把整條工作流拆開寫給你看。

先講結論

IG 輪播自動化的關鍵有三個:

  1. 把視覺設計寫成 HTML template(而不是用 Canva 拖)
  2. 用 Kie AI 生成背景圖(而不是在圖庫翻半天)
  3. 用 Claude Code 把整條流程寫成腳本(Markdown → PNG → R2 → Notion → IG)

一次寫好,以後每篇輪播都跑同一套。

整體工作流

Threads 熱門貼文 / 想法
  ↓ Claude Code 寫草稿
Markdown 草稿(10 張 slide)
  ↓ Kie AI 生成背景圖
背景照片(5 張,1080×1350)
  ↓ render-carousel.js(Playwright 截圖)
10 張 PNG(含背景 + 文字)
  ↓ upload-to-r2.ts
Cloudflare R2(永久 CDN)
  ↓ Notion API PATCH
Notion Social DB(Image 欄位)
  ↓ publish-all.js(Meta Graph API)
IG 輪播上線

整條鏈路 Claude Code 都能自己跑。

步驟一:寫 Markdown 草稿

每一篇輪播都是一個 .md 檔,用簡單的語法標記每張 slide。

* **Slide 1(封面)**
  [section: cover]
  [image: social-media/drafts/images/slide1.jpg]
  [copy]:
  減法生活的
  5 個訊號

* **Slide 2(鋪陳)**
  [section: why]
  [copy]:
  你有沒有這樣過?

  晚上十一點躺在床上,
  回想今天做了什麼,
  腦中一片空白。

幾個關鍵設計:

  • [section: cover|why|what|turn|how|cta] 控制底色(暗房模板會根據 section 切換情緒)
  • [image: 路徑] 嵌入背景圖
  • [copy]: 後面是文字內容,換行就是換行

一篇 10 張的輪播草稿寫完大概 1000-1500 字,10-15 分鐘。

品牌禁用詞自動檢查

我寫了一套規則在 CLAUDE.md 裡,包含:

  • 禁用句型:不是A,是B不是A,而是B與其A,不如B真正的A,其實是B
  • 禁用詞:撐、卡、療癒、其實、總而言之

Claude Code 寫草稿時會自動避開。渲染腳本最後還會跑一次 regex 掃描,有踩到就擋發佈。

步驟二:用 Kie AI 生成背景圖

10 張輪播裡,通常 5 張需要背景照片(封面、訊號頁、HOW 頁)。

以前我會去 Unsplash 或 Pexels 翻半天,現在直接用 Kie AI 生成。

Kie AI 基本用法

Kie AI 是一個整合多種生圖模型的 API 平台,支援 Flux、Seedream、Nano Banana、Z-Image 等。

用 Terminal 一行指令:

npx ts-node scripts/generators/generate-kie-image.ts \
  "A person lying on the couch at night, scrolling phone, dim warm light, minimalist Japanese aesthetic, cinematic" \
  --ratio 9:16 \
  --model z-image

幾秒內就拿到圖片 URL。

瘦桑的 Prompt 原則

經過多次實驗,我現在的 prompt 固定幾個元素:

元素 範例
場景 person lying on couch at night
動作 scrolling phone
光線 dim warm light, golden hour, moody lighting
風格 cinematic photography, minimalist Japanese aesthetic
構圖 9:16 vertical composition, shallow depth of field
禁止 no text, no watermark, no logo

不要讓 AI 在圖上打字。文字部分留給 HTML template 處理,字型和排版才能統一。

模型怎麼選

模型 適用場景 我的評價
z-image 預設、一般配圖 參數簡單、速度最快
flux-2/flex-text-to-image 需要更穩定品質 比 z-image 慢一點,品質稍好
seedream/4.5-text-to-image 要 2K/4K 大圖 高解析度,費時較多
google/nano-banana-edit 文章封面(要保留人臉) 只用在品牌封面

IG 輪播背景圖用 z-image 就夠。5 張圖總時間約 30 秒。

步驟三:Playwright 渲染 PNG

這是整條鏈路最核心的一段:scripts/generators/render-carousel.js

它做的事:

  1. 讀取 Markdown 草稿
  2. 根據 [section] 選擇對應的 HTML template
  3. [copy]:[image] 注入 template
  4. 用 Playwright 打開 template(1080×1350 viewport)
  5. 截圖存成 slide_1.pngslide_10.png

一個指令搞定:

node scripts/generators/render-carousel.js --template=d \
  social-media/drafts/2026-04-13.md

10 張圖大約 30 秒渲染完成。

為什麼不用 Canva?

項目 Canva HTML template
改文案 手動進 Canva 改 Markdown 編輯器直接改
版本控制 ❌ 沒有 ✅ git diff
批次生成 ❌ 一張張拉 ✅ 一個指令 10 張
設計一致性 容易手滑 template 固定,每張完全一致
月費 NT$449 起
可程式化 ✅ Claude Code 可直接改 template

Canva 的優勢是入門門檻低。但一旦流程固定,HTML template 的複利太大。

我有四個 template

模板 風格 適用
A 白底黑字極簡 嚴肅知識型
B 深色克制 工具教學型
C Brutalist dot grid 實驗感
D(預設) 暗房 editorial 敘事型、情緒型

Template D 是我現在的主力。配 Kie AI 生成的暗調背景圖,整體視覺辨識度很強。

步驟四:上傳 Cloudflare R2

生成的 PNG 要傳到穩定的 CDN。Meta Graph API 發佈時會從你給的 URL 拉圖,所以 URL 必須:

  • 穩定(不能幾小時就過期)
  • 公開可讀
  • 速度快(影響 IG 處理時間)

Cloudflare R2 完美符合這三個條件,而且免出站流量費用

上傳指令:

for i in 1 2 3 4 5 6 7 8 9 10; do
  npx tsx scripts/ops/upload-to-r2.ts \
    social-media/drafts/output/2026-04-13-d/slide_${i}.png \
    social/carousel/2026-04-13-slug/slide_${i}.png
done

一次傳 10 張,大約 10 秒。

踩過的坑:IG 讀到 CDN 舊版

有一次我重新上傳了圖片到同一個 R2 路徑,但 IG 發佈時讀到的是 Cloudflare CDN 的舊版本。結果上線的輪播前 8 張是新圖、後 2 張是舊圖。

解法:重發時換新路徑(例如加 -v2 後綴),繞開 CDN cache。

步驟五:PATCH Notion Social DB

我把每篇社群貼文都存在 Notion 的 Social 資料庫,方便追蹤發佈狀態、caption、排程時間。

渲染完之後把 R2 URL 寫回 Notion:

import urllib.request, json

files = [
    {"name": f"slide_{i}.png",
     "external": {"url": f"https://image.lashiblog.com/social/carousel/xxx/slide_{i}.png"}}
    for i in range(1, 11)
]

body = {"properties": {"Image": {"files": files}}}

req = urllib.request.Request(
    f"https://api.notion.com/v1/pages/{page_id}",
    data=json.dumps(body).encode(),
    method="PATCH",
    headers={"Authorization": f"Bearer {key}",
             "Notion-Version": "2022-06-28",
             "Content-Type": "application/json"}
)
urllib.request.urlopen(req)

這一步讓後續發佈腳本能從 Notion 讀到所有圖片 URL。

步驟六:Meta Graph API 發佈

最後一步用 publish-all.js 發佈到 IG。這個腳本讀 Notion 頁面的 Image 欄位和 Instagram caption 欄位,然後呼叫 Meta Graph API。

IG Carousel 的三階段發佈

IG 輪播不是一次 POST 就完成,是三步:

  1. 每張圖建一個 carousel_item container
  2. 把所有 container ID 綁成一個 CAROUSEL container
  3. publish 那個 CAROUSEL container

每一步都要 polling status_code=FINISHED,不然會遇到 Media ID is not available 錯誤。

async function waitForInstagramContainerFinished(containerId, token) {
  for (let i = 0; i < 20; i++) {
    const r = await fetch(`https://graph.facebook.com/v20.0/${containerId}?fields=status_code&access_token=${token}`);
    const d = await r.json();
    if (d.status_code === 'FINISHED') return;
    if (d.status_code === 'ERROR') throw new Error('container error');
    await new Promise(resolve => setTimeout(resolve, 2500));
  }
  throw new Error('container timeout');
}

這個 polling 一開始我漏寫,手動 curl 能過但腳本會爆 Media ID is not available。後來才搞懂是 IG server-side 處理圖片需要時間。

完整發佈指令

設定好就一個指令:

node scripts/social/publish-all.js \
  --page 33ef1617f1c6816386b5d68ee71dc362 \
  --platforms instagram

平均 2-3 分鐘完成(含 Meta API polling)。

完整時間拆解

步驟 時間
寫 Markdown 草稿(10 張) 10-15 min
Kie AI 生成 5 張背景圖 30 秒(並行)
Playwright 渲染預覽 1 min
人工確認視覺 2-5 min
渲染正式 PNG 30 秒
上傳 R2(10 張) 10 秒
PATCH Notion Image 5 秒
補 Instagram caption 3-5 min
publish-all.js 發佈 2-3 min
總計 約 20-30 分鐘

其中真正需要人的時間只有 15-20 分鐘(寫稿 + 確認視覺 + 補 caption),其他都是自動化。

成本估算

項目 費用
Cloudflare R2 10 GB 免費額度內(每月不超過)
Kie AI(5 張圖/篇,每月 30 篇) 約 NT$150-300
Notion Free plan 夠用
Meta Graph API 免費
Claude Code 已訂閱(Max $20/月)
單篇邊際成本 約 NT$5-10

對比 Canva Pro 月費 NT$449,用量越多越划算。

誰適合這套流程

適合

  • 會用 Terminal、懂 Markdown 的自媒體經營者
  • 內容量大、想省時間的一人公司
  • 對視覺一致性有強迫症的人
  • 已經在用 Claude Code 的人

不適合

  • 完全零技術背景、只想點點點就出圖的人
  • 需要大量複雜視覺設計(漸層、特殊插畫)的品牌
  • 一個月只發 1-2 篇的低頻用戶

踩過的四個大坑

① Meta Graph API 的 polling bug

如前面提到,carousel item 要等 FINISHED 才能 publish。一開始沒寫 polling,bug 讓我卡了兩個小時。

② IG caption 發佈後不能改

這是 IG 硬性限制。你在建 container 時寫的 caption 是什麼,publish 後就是什麼。我有次測試時 caption 寫 test publish check 就按發佈,貼文永遠改不了,只能刪除重發。

建議:publish 前一定要確認 Notion 裡的 caption 是最終版。

③ Cloudflare CDN cache 讀到舊圖

同路徑覆蓋 R2 的圖片後,IG 可能讀到 CDN 舊版。解法是重發用新路徑(加 -v2 後綴)。

④ 部分用戶的 Claude Code cache 被降級

Anthropic 2026-04-02 起對部分 Max 帳號偷偷把 cache TTL 從 1 小時降到 5 分鐘。長時間對話成本會變高。建議每天檢查一次:

# 掃 ephemeral_5m_input_tokens 是否 > 0
grep "ephemeral_5m_input_tokens" ~/.claude/projects/*.jsonl

結語:把流程變成腳本,注意力只留給內容

這套工作流最大的價值不是速度。

可複製性

每篇輪播走一樣的流程,Claude Code 記得所有規則(品牌禁用詞、template、CTA 位置、圖片規格、發佈 API),我只需要想內容。

工具縮到最少,流程自動化最多。注意力只留給真正重要的事(內容本身)。

這是減法自媒體的底層邏輯,也是為什麼我把這套流程開源給讀者:複雜的東西藏在腳本裡,簡單的東西留在你手上。


免費工具下載

這篇提到的所有腳本、HTML template、Notion 欄位規則、Meta Graph API 發佈流程,我整理成一套瘦系統 Starter Kit,訂閱《用減法瘦生活》電子報就能免費拿。

包含:AI Prompt 工程模板、Notion 社群資料庫結構、Kie AI 生圖規則、Claude Code 完整 skill 檔——打開就能改成自己的版本。

👉 訂閱《用減法瘦生活》,免費拿瘦系統 Starter Kit

常見問題

我不會寫程式,也能用這套工作流嗎?

可以,但需要先花 1-2 小時看懂 Claude Code 的基礎用法。Claude Code 本身就是設計給非工程師用的,你用自然語言描述要做什麼,它會寫腳本。

Kie AI 和 Midjourney 差在哪?

Kie AI 是 API 平台,支援多個模型(Flux、Seedream、Nano Banana 等),適合程式化生成。Midjourney 是 Discord 互動,適合單張精修。IG 輪播背景圖用 Kie AI 比較順。

一定要用 Cloudflare R2 嗎?

不一定。可以換成 AWS S3、Google Cloud Storage 或 Supabase Storage。R2 的優勢是免出站流量費用,對頻繁用 API 讀圖的情境特別友善。

發佈後發現 caption 打錯怎麼辦?

只能刪除貼文重發。IG Graph API 發佈後不能改 caption,這是平台限制,不是工具問題。

這套流程每個月會花多少錢?

假設每月發 30 篇 IG 輪播,成本大約 NT$150-300(主要來自 Kie AI 生圖)。Cloudflare R2、Notion、Meta API 都免費。比 Canva Pro(NT$449/月)便宜,還更有彈性。


還沒用過 Claude Code?

Claude Code 是 Anthropic 官方的 AI coding agent,可以在終端機直接操作本機檔案、跑指令、串工作流。

如果你想試用,可以透過推薦連結註冊(雙方都會多拿到使用額度)。

MO 編輯

關於作者 | 10+ 經驗

MO 編輯

WordPress 效能優化專家 / MO Design Studio 共同創辦人

關注設計 × 工程的平衡協作,擅長以簡潔語言說故事。專門幫已有網站的品牌做速度升級。相信好網站不用重做,只需要正確的優化。

WordPress 優化SEO 策略Headless CMS效能稽核

延伸閱讀

Newsletter

訂閱瘦生活電子報

每週一封故事信——分享如何用減法思維剔除雜訊、做對的事、過好生活。不說教,不推銷,只有真實的取捨紀錄。

我們尊重隱私,絕不發送垃圾郵件。可隨時取消訂閱。

MO DESIGN STUDIO

我們專注品牌網站設計、行銷著陸頁與整合式 CMS 流程,協助團隊打造有感的線上體驗。

返回部落格