自動下載 Notion 圖片至本地,並替換至部落格文章

從 Notion 文章自動下載圖片到本地,並在轉換為 Strapi 文章時替換為本地圖片路徑的完整工作流程


重點 — Notion 圖片下載來 Host 在本地端

  1. fetch Notion 文章
  2. 文章擷取圖片連結
  3. 下載並改檔名為包含 hash 的,以免撞名。並且輸出檔名匹配表,以供後續對應替換使用。
  4. 執行後續 notion to strapi 工作流,並且要把圖片連結改為吃到本地端的該張圖。
  5. 最後執行成功,把檔名匹配表給刪除。

檢核清單

  • 文章擷取圖片連結
  • 下載並改檔名為包含 hash 的,以免撞名。並且輸出檔名匹配表,以供後續對應替換使用。
  • 執行後續 notion to strapi 工作流,並且要把圖片連結改為吃到本地端的該張圖。
  • 最後執行成功,把檔名匹配表給刪除。

舉例

圖片範例

  • 範例1(電腦截圖後複製貼上) image-fe680b83
  • 範例2(從硬碟上傳) IMG_7117-700e8a77

後續可能要調整

  • 圖片更新問題:如果部落格文章有更新,圖片也要一併調整,目前只有做到「全部無腦寫入」,還沒辦法修改或是刪除圖片。
  • 圖片最佳化:可以壓縮圖片檔案大小,例如可轉為 webp 或是縮小尺寸。

REF