
自己架設部落格時,圖片的「落腳處」會直接影響到載入速度、維護難度以及主機空間的開銷。這對於追求網站效能與長期經營的創作者來說,是初期最重要的決定之一。
以下整理出三種常見的圖片存放方案,協助你找到最適合的平衡點。一、 直接放在自己的伺服器(本地存儲)
如果你是使用 WordPress、Hexo 或 Hugo 並搭配自己的 VPS,這是最直覺的做法。
- 優點:管理方便(圖片與文章檔案在一起),不用擔心外部連結失效或服務關閉。
- 缺點:圖片多、體積大時,會大量佔用伺服器硬碟空間,且備份部落格時檔案會變得很臃腫。
- 建議:上傳前務必經過「壓縮」(例如轉為 WebP 格式),否則網站載入速度會明顯變慢。
二、 使用專業圖床或雲端儲存(推薦)
將圖片託管在專門的儲存空間,是目前減輕主機負擔的主流做法。
- 專業雲端存儲(如 Cloudflare R2 / Backblaze B2):成本極低且穩定性最高,適合打算長期經營、圖片量巨大的創作者。
- 免費圖床(如 Imgur / Limg):快速方便,但須注意隱私政策與防盜鏈限制,且有服務關閉的風險。
- GitHub Repositories:適合技術背景讀者,可直接將專案同步為圖床,並搭配 CDN 加速。
三、 深入分析:如何將 GitHub 當作圖床?
對於使用靜態網站產生器(如 Hugo、Hexo)的人來說,將圖片 push 到 GitHub 是最標準的工作流。
1. 兩種主要的存放方式
- 方案 A:放在部落格專案內(同一個 Repo) 圖片直接跟著程式碼走。優點是搬家方便,只要 Clone 專案圖片就在,路徑通常使用相對路徑。缺點是當圖片累積到幾百 MB 後,每次
git push的速度會變慢。 - 方案 B:開一個專門的圖片庫(獨立 Repo) 專門建立一個名為
my-blog-images的倉庫。這能保持主專案輕量,圖片庫就像是你的私人雲端相簿。
2. 如何獲取圖片網址?
你不能直接使用 GitHub 網頁上的網址,必須獲取「原始檔案(Raw)」連結。格式通常如下: https://raw.githubusercontent.com/帳號/倉庫名/分支名/路徑.png
3. 進階技巧:使用 CDN 加速
由於 GitHub 伺服器在海外,直接引用 Raw 網址可能導致載入遲緩。建議搭配 jsDelivr 這個免費 CDN,只需修改網址開頭即可大幅提升讀取速度:
- 原始網址:
https://raw.githubusercontent.com/... - 加速網址:
https://cdn.jsdelivr.net/gh/帳號/倉庫名@分支名/路徑.png
四、 給創作者的溫馨提醒
GitHub 雖然好用,但請記得它本質上是代碼託管平台:
- 檔案大小限制:單個倉庫建議不超過 1GB,單張圖片不建議超過 100MB。
- 善用工具:如果你使用 Markdown 寫作,強烈推薦安裝 PicGo。它可以讓你截圖後自動上傳 GitHub 並生成網址,省下手動操作的時間。
總結建議
- 小規模經營:直接傳到 WordPress 後台或 GitHub 專案內。
- 追求專業/圖片多:使用 Cloudflare R2,並搭配 PicGo 實現流程自動化。
















