為什麼要選擇VSCode+PicGo+Gitee

主要是平時寫文章的平臺，要麼是收會員費用，要麼是本站圖片連結只能在本站網站訪問，換一個平臺，圖片就裂了，圖片問題困擾我很久，也是經過很多試用，最終選定這個工具組合，之前圖片倉庫使用的是Github，但是在國內，Github的訪問速度簡直感人！所以後來就把Github替換成了Gitee，Gitee在國內，訪問速度快多了,之前的寫文章使用的是Typora，但是現在收費了，就改用VSCode。

安裝步驟

1.安裝VSCode

• 去vscode官網下載安裝包安裝即可
• markdown外掛推薦：Markdown Preview Enhanced, office Viewer(MarkDown Editor)

Markdown Preview Enhanced 功能簡潔，僅提供預覽功能

!

office Viewer(MarkDown Editor)提供了很多功能，類似於Typora，我比較喜歡用這個。

2.安裝PicGo

PicGo下載地址，下載安裝即可

安裝之後開啟主介面

選擇最下面的外掛設定，搜尋gitee，點選最下方的gitee-uploader開始安裝：

這裡注意一下，必須要先安裝node.js才能安裝外掛，沒裝的自己裝一下，然後重啟就行，主要是因為PicGO這個軟體是基於node.js，用electron做的客戶端。

3.建立圖床庫

碼雲登入自己的賬號，點選右上角的+號，新建倉庫

新建倉庫的要點如下：

• 輸入一個倉庫名稱
• 將倉庫設定為公開
• 勾選使用Readme檔案初始化這個倉庫

點選下一步完成建立。

4.配置PicGo

配置外掛的要點如下：

• repo：使用者名稱/倉庫名稱，比如我自己的倉庫yatok/picture-bed，找不到的可以直接複製倉庫的url,複製瀏覽器的倉庫地址，而不是頁面左上角顯示的，容易出現大小寫問題

• branch：分支，這裡寫上master
• token：填入碼雲的私人令牌
• path：路徑，一般寫上img,我預設沒填
• customPath：提交訊息，這一項和下一項customURL都不用填。在提交到碼雲後，會顯示提交訊息，外掛預設提交的是 Upload 圖片名 by picGo - 時間

這個token怎麼獲取，登進自己的碼雲

1. 點選頭像，進入設定

2. 找到左下角的私人令牌
3. 點選生成新令牌，把projects這一項勾選上，其他的不用勾選，然後提交

4. 這裡需要驗證一下密碼，驗證密碼之後會出來一串數字，這一串數字就是你的token，將這串數字複製到剛才的配置裡面去。

注意：這個令牌只會明文顯示一次，建議在配置外掛的時候再來生成令牌，直接複製進去，搞丟了又要重新生成一個。

5. 將token填入配置儲存即可。

使用

截圖然後按Ctrl+shift+P上傳檔案，上傳之後剪貼簿就有剛上傳圖片的markdown連結，直接複製到文章對應位置即可。另外，本文的所有圖片都是使用這套工具上傳的圖片。