🚀 Blogger 圖片顯示異常修復：從 Base64 到 Google Drive 自動化轉存實戰

在使用 AI 自動化發布部落格文章時，開發者常會遇到一個棘手的問題：圖片該如何處理？

最簡單的做法是直接將圖片轉為 Base64 字串 塞進 HTML，但這會導致文章原始碼變得異常巨大（單篇可達數萬字元），不僅載入速度緩慢，更會導致 SEO 評分下降。本文將分享如何透過自動化腳本，實現圖片自動轉存 Google Drive 並穩定顯示的解決方案。

1. 為什麼 Base64 不是長久之計？

• 效能低下：瀏覽器解析超長字串會消耗大量資源，導致網頁卡頓。
• 無法索引：Google 圖片搜尋無法爬取 Base64 內容，不利於流量導入。
• 容易出錯：過長的 HTML 代碼在不同平台上可能觸發限制而導致文章截斷。

2. 實戰解決方案：自動化轉存 Google Drive

此優化流程包含以下三個關鍵步驟：

Step 1: 提取與轉存

利用 Python 的 re 模組偵測文章中的 Base64 標籤，解碼後透過 Google Drive API 上傳至指定的雲端空間，並將檔案權限設為「知道連結的人即可檢視」。

Step 2: 解決連結封鎖

若使用常用的 uc?export=view 直連格式，Blogger 的安全機制有時會攔截跳轉請求，導致圖片無法顯示。

Step 3: 使用 Thumbnail 格式繞過限制

更為穩定的做法是改用 Google 內部的 Thumbnail 高清預覽格式：
https://drive.google.com/thumbnail?id={FILE_ID}&sz=w1200
此格式與 Blogger 的相容性極高，且能確保在高解析度螢幕下的顯示效果。

3. 優化後的具體成效

優化項目	優化前	優化後
HTML 原始碼大小	約 68,000 字元	約 2,000 字元
網頁載入速度	緩慢，影響使用者體驗	極速響應
內容管理	手動上傳圖片繁瑣	AI 自動化處理

結語

透過將自動化框架與雲端生態系深度整合，開發者不僅能提升寫作效率，更能透過自動化的「維護與優化」流程，確保知識產出的品質與效能。這正是構建智慧型數位助理系統的核心目標。

本文由數位助理系統自動化優化並發布