
在上一篇文章中,我們討論了為什麼 GitHub 是存放部落格圖片的好地方。但如果每次寫文章都要手動上傳、複製連結,那實在太磨人了。今天我們要介紹寫作界的「神兵利器」—— PicGo,讓你達成截圖、上傳、取得網址一次完成的無縫體驗。
第一步:準備 GitHub 通行證(Token)
在開始設定 PicGo 之前,你需要給它進入你 GitHub 倉庫的權限。- 建立倉庫:在 GitHub 開一個專門放圖片的 Repository(例如:
blog-images),建議設為 Public,這樣圖片連結才能被公開讀取。 - 生成 Token:
- 進入 GitHub 的 Settings -> Developer settings -> Personal access tokens -> Tokens (classic)。
- 點擊 Generate new token (classic)。
- 在 Note 欄位填寫 PicGo,並勾選 repo 權限。
- 生成後務必立刻複製這串 Token,因為離開頁面後就再也看不到了。
第二步:配置 PicGo 圖床設定
下載並安裝 PicGo 桌面版後,打開軟體並找到「圖床設定」中的 GitHub 選項,填入以下資訊:
- 設定倉庫名:格式為「使用者名稱/倉庫名」(例如:
josh/blog-images)。 - 設定分支名:通常填入
main或master。 - 設定 Token:貼上剛才在 GitHub 申請的那串長代碼。
- 指定存儲路徑:建議寫
img/,這樣圖片會自動分類在倉庫下的資料夾。 - 設定自定義域名(關鍵加速步奏): 為了讓圖片讀取飛快,請在「自定義域名」填入 jsDelivr 的加速網址:
https://cdn.jsdelivr.net/gh/你的使用者名稱/你的倉庫名@你的分支名
設定完成後,記得點擊「確定」並將其「設為預設圖床」。
第三步:體驗「一鍵上傳」的快感
設定完成後,你的日常寫作流程將會變得無比流暢:
- 截圖或複製圖片:使用你慣用的截圖工具。
- 執行上傳:按下 PicGo 的上傳快速鍵(預設為
Ctrl + Shift + P),或直接將圖片拖進 PicGo 視窗。 - 直接貼上:此時你的剪貼簿已經自動存好了 Markdown 格式的連結。你只需要在編輯器中按下
Ctrl + V,就會看到類似的內容出現在螢幕上。
四、 進階玩家的優化建議
如果你想追求極致的體驗,還可以嘗試以下設定:
- 自動重命名:在 PicGo 設定中開啟「上傳前重命名」,可以避免檔名衝突,也讓圖片管理更有序。
- 整合編輯器:如果你使用 VS Code 或 Obsidian 寫作,它們都有專屬的 PicGo 插件,讓你在編輯器內直接按下快速鍵就能完成上傳,連視窗都不用切換。
- 圖片壓縮插件:可以安裝
picgo-plugin-compress插件,在上傳的瞬間自動幫你無損壓縮圖片,在維持畫質的同時,節省倉庫空間。
常見排錯筆記
如果上傳後圖片無法顯示,請檢查你的「自定義域名」格式。最常出錯的地方是 分支名(@main) 寫錯,或者是路徑中多了一個斜線。建議先在瀏覽器手動測試一次 jsDelivr 的網址是否能開啟圖片,確認無誤後再更新至 PicGo。
這套流程一旦建立起來,寫作的阻力會大幅降低。如果你在設定過程中遇到任何問題,歡迎在下方留言與我討論!


















