📌 開發背景
為了提升 AI 學院專業形象,我們參考 Leonardo AI 的封面設計風格,開發了一套自動化封面圖生成系統。
🐛 遇到的問題
- 底圖有文字干擾:背景圖片上文字太多,影響標題可讀性
- Logo 整合:需要在封面圖左上角添加 AI學院 Logo
- 系列統一性:7 篇 OpenClaw 系列文章需要風格一致的封面
✅ 解決方案
- 80% 黑色遮罩:在左側添加 80% 透明度的黑色遮罩,提高文字可讀性
- 右側漸變:使用漸層過渡到右側背景,避免生硬邊界
- AI學院 Logo:自動添加去背 PNG Logo 到左上角(80x80px)
- 批次生成:使用 Python 腳本自動生成所有 7 張封面圖
🎨 設計特點
- 尺寸:1200 x 675 (16:9)
- 配色:深色漸層背景(#1a1a2e → #16213e)
- 主色:#2a9d8f(湖水綠)+ #e76f51(柔和橘紅)
- 動態背景:脈衝動畫效果
📦 最終成果
- ✅ 完成 Leonardo AI 風格封面生成系統
- ✅ AI學院 Logo 自動添加功能
- ✅ 80% 黑色遮罩提高可讀性
- ✅ 7 篇 OpenClaw 系列文章封面圖全部更新
- ✅ 批次上傳並設定為精選圖片
🔗 封面圖列表
| 集數 | 主題 | Media ID |
|---|---|---|
| EP01 | 完整開發指南 | 8604 |
| EP02 | 測試與優化 | 8605 |
| EP03 | 記憶與整合 | 8606 |
| EP04 | 企業級開發 | 8607 |
| EP05 | 商業化與上架 | 8608 |
| EP06 | 最佳實踐 | 8609 |
| EP07 | 生態與未來 | 8610 |
🎯 改進方向
- 短期:移除右上角 EP01 徽章、增大 OpenClaw 字重、為主題條文字添加陰影
- 中期:使用 ComfyUI 生成專門底圖(機械手臂、代碼編輯器、硬件等)
- 長期:整合到自動發文系統(發文時自動生成封面圖)
📝 技術實現
- 生成腳本:
generate_cover.py - 批次生成:
batch_generate_covers.py - 批次上傳:
batch_upload_covers.py - AI學院 Logo:去背 PNG,1080×1080
-1024x1024.png)