為什么要選擇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怎么獲取,登進自己的碼雲
- 點擊頭像,進入設置

- 找到左下角的私人令牌

- 點擊生成新令牌,把projects這一項勾選上,其他的不用勾選,然后提交

- 這里需要驗證一下密碼,驗證密碼之后會出來一串數字,這一串數字就是你的token,將這串數字復制到剛才的配置里面去。
注意:這個令牌只會明文顯示一次,建議在配置插件的時候再來生成令牌,直接復制進去,搞丟了又要重新生成一個。
- 將token填入配置保存即可。
使用
截圖然后按Ctrl+shift+P上傳文件,上傳之后剪貼板就有剛上傳圖片的markdown鏈接,直接復制到文章對應位置即可。另外,本文的所有圖片都是使用這套工具上傳的圖片。
