使用 VSCode 的 Markdown-image 延伸模組自動傳圖片到 Cloudflare R2

發表於 更新於 閱讀次數：

設定 Cloudflare R2

從 Cloudflare R2 頁面進入「管理 API 權杖」，「建立 Account API 權杖」。

新增一組「物件讀取和寫入」的權杖

記下金鑰識別碼等相關訊息，只會出現一次，請務必記下來，等等設定 Markdown Image 延伸模組時會用到：

建立完成

進到要上傳圖片的貯體 blog-image，進到設定頁面啟用外部訪問，複製記下 S3 API 資訊。

設定 VSCode

VSCode 安裝 Markdown Image 延伸模組

找到 Markdown Image 的相關設定，把上傳圖片的方式改為「S3」。

設定相關參數

使用方式

  1. 開新 markdown .md 檔
  2. 複製或截個圖片
  3. Shift + Alt + V 自動上傳圖片

參考來源