Skip to content

範例文章:本站圖片為什麼放在 R2

這是建站時自動產生的範例文章

正式上線前可整篇刪除(連同 images/posts/cloud-services/sample-r2-image-hosting/ 圖片資料夾)。

這篇的 frontmatter 中 dateupdated 是不同的日期,可以觀察標題上方會同時顯示「更新於」與「發布於」兩個小字。

圖片管線

文章圖片不進 git、也不打包進網站,而是走 Cloudflare R2:

圖片管線示意:本機圖片 build 時改寫成 R2 網址

  • 開發時:圖片存在本機 images/,dev server 直接預覽
  • 建置時:markdown 內的相對路徑會被改寫成 book-img.casper.tw 的絕對網址
  • 上傳時:pnpm upload:images 依 SHA-256 比對,只上傳新增或內容有變的檔案

內容持續更新,歡迎透過社群回饋建議。