本文講述使用Github作為圖床，VScode搭配Picgo外掛書寫Markdown，並使用jsdelivr進行CDN加速的配置流程。
準備階段
首先進行以下準備工作，都很簡單，不再贅述。
- 註冊Github賬號
- 安裝VScode
- 為VScode安裝Picgo外掛
配置github
建立倉庫
- 登陸github，點選右上角加號，選擇“New repository”建立新倉庫
- 設定倉庫屬性，具體如下圖所示。值得注意的是，倉庫可見性必須設為public，否則無法使用倉庫作為圖床。
獲取token
生成一個Token用於操作GitHub repository。
- 點選頭像，選擇“setting”
- 進入頁面後，依次點選“Developer settings-Personal access tokens”，然後點選“Generate new token”按鈕，獲取一個新的token。
- 點選後，在新出現的頁面“Note”選項中鍵入token的名稱，然後勾選下方repo許可權後，點選頁面最下方“Generate token”按鈕
- 建立成功後，會生成一串token，這串token之後不會再顯示，所以最好將其記錄下來。
配置Picgo外掛
開啟VScode，找到Picgo外掛，在外掛上“右擊-擴充套件設定”，往下拉，在設定中找到以下屬性並修改：
- "Current"：當前使用圖床，修改為
github - “Github: Repo”：github倉庫，設定為
使用者名稱/倉庫名，如geoli91/ImageHosting - “Github: Path”：圖片需要存放的資料夾，即圖片存放路徑為
使用者名稱/倉庫/path/圖片名.png。可選，如果有需要可以設定，如img/ - “Github: Custom Url”：自定義域名，可以通過設定該項使用CDN加速，如使用jsdelivr加速這可設定為
https://cdn.jsdelivr.net/gh/geoli91/ImageHosting，其中結尾為使用者名稱/倉庫名。如果不使用CDN加速，則無需修改。 - “Github: Branch”：分支名，如果倉庫只有預設的一個分支，則直接填
master即可 - “Github: Token”：從Github獲得的提交token，複製貼上即可，注意保護好不外洩。
配置jsdelivr CDN加速
將Picgo外掛中“Github: Custom Url”自定義域名屬性設定為https://cdn.jsdelivr.net/gh/使用者名稱/倉庫名開頭，如https://cdn.jsdelivr.net/gh/geoli91/ImageHosting即可自動使用jsdelivr 免費CDN加速服務。尤其是2020年開始https://raw.githubusercontent.com被牆之後，更是只有利用CDN才能訪問github圖床了。
Picgo快捷鍵
- ctrl+alt+u：從剪貼簿插入圖片
- ctrl+alt+e：手動選擇要插入的圖片
OK，打完收工，開始享用吧
本文參考：