[教學] GitHub + PicGo + VSCode 擴充套件
註記:此頁為由 AI(gpt-5-mini-2025-08-07)自動翻譯自英文原文,可能含有少量不準確之處。
📌 介紹
本文提供如何設定 GitHub、PicGo 與 VSCode 擴充套件的教學,以便將圖片上傳到 GitHub 儲存庫。說明必要的先決條件、產生 GitHub 權杖的步驟,以及在 VSCode 中設定 PicGo 擴充套件的重點步驟。
🚀 快速開始
開始前準備
請確認你已具備下列項目:
- 具有存取你儲存庫權限的 GitHub 權杖
- 一個用於存放圖片的儲存庫
GitHub
產生 GitHub 權杖
- 前往
Settings/Developer settings/Personal access tokens/Token (classic)
- 點選 Generate new token (classic)
- 為權杖設定名稱以便識別,並選擇 No expiration
- 選取該權杖所需的權限範圍(scopes)
設定儲存庫
為確保圖片可被存取,請將你的儲存庫設為 public。
VSCode 擴充套件
- 在 VSCode 中安裝 PicGo 擴充套件
- 將
Pic Bed: Current
設為 github - 將
Pic Bed > Github: Repo
設為你先前建立的公開儲存庫。格式為{username}/{repo_name}
- 將
Pic Bed: Uploader
設為 github - 將
Pic Bed > Github: Branch
設為公開儲存庫的分支 - 設定
Pic Bed > Github: Path
(可選)。若要將圖片儲存在特定資料夾(例如images
),請確保包含結尾的斜線(/
),否則會被當作圖片名稱的前綴。 - 將
Pic Bed > Github: Token
設為你先前建立的 GitHub 權杖
疑難排解
若出現以下錯誤,表示系統未安裝 xclip
:
1 | PicGo: xclip not found! Please install xclip before run picgo. |
可使用下列指令安裝 xclip
:
1 | sudo apt install xclip |
🔁 總結
- 你需要一個 GitHub 權杖與一個用於儲存圖片的公開儲存庫。
- 在 VSCode 中安裝 PicGo 擴充套件以進行圖片上傳。
- 在 PicGo 擴充套件中按照特定設定步驟將其與 GitHub 連結。
- 可能的疑難排解包含確認系統已安裝
xclip
。
[教學] GitHub + PicGo + VSCode 擴充套件
https://hsiangjenli.github.io/blog/tutorial-github-picgo-vscode-extension.zh-TW/