本文講述使用Github作為圖床，VScode搭配Picgo外掛書寫Markdown，並使用jsdelivr進行CDN加速的配置流程。 ## 準備階段 首先進行以下準備工作，都很簡單，不再贅述。 1. 註冊Github賬號 2. 安裝VScode 3. 為VScode安裝Picgo外掛 ## 配置github ### 建立倉庫 1. 登陸github，點選右上角加號，選擇“New repository”建立新倉庫  2. 設定倉庫屬性，具體如下圖所示。值得注意的是，**倉庫可見性必須設為public**，否則無法使用倉庫作為圖床。  ### 獲取token 生成一個Token用於操作GitHub repository。 1. 點選頭像，選擇“setting” 2. 進入頁面後，依次點選“Developer settings-Personal access tokens”，然後點選“Generate new token”按鈕，獲取一個新的token。 3. 點選後，在新出現的頁面“Note”選項中鍵入token的名稱，然後勾選下方repo許可權後，點選頁面最下方“Generate token”按鈕 4. 建立成功後，會生成一串token，這串token之後不會再顯示，所以最好將其記錄下來。   ## 配置Picgo外掛 開啟VScode，找到Picgo外掛，在外掛上“右擊-擴充套件設定”，往下拉，在設定中找到以下屬性並修改： 1. "Current"：當前使用圖床，修改為`github` 2. “Github: Repo”：github倉庫，設定為`使用者名稱/倉庫名`，如`geoli91/ImageHosting` 3. “Github: Path”：圖片需要存放的資料夾，即圖片存放路徑為`使用者名稱/倉庫/path/圖片名.png`。可選，如果有需要可以設定，如`img/` 4. “Github: Custom Url”：自定義域名，可以通過設定該項使用CDN加速，如使用jsdelivr加速這可設定為`https://cdn.jsdelivr.net/gh/geoli91/ImageHosting`，其中結尾為`使用者名稱/倉庫名`。如果不使用CDN加速，則無需修改。 5. “Github: Branch”：分支名，如果倉庫只有預設的一個分支，則直接填`master`即可 6. “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快捷鍵 1. ctrl+alt+u：從剪貼簿插入圖片 2. ctrl+alt+e：手動選擇要插入的圖片 OK，打完收工，開始享用吧 --- 本文參考： 1. PicGo幫助文件 https://picgo.github.io/PicGo-Doc/zh/guide/config.html#github%E5%9B%BE%E5%BA%8A 2. 部落格 https://blog.csdn.net/weixin_46486966/article/details/104968819 3. https://ee.ofweek.com/2020-06/ART-11000-2818-304458