VScode兩步搭建github穩定圖牀~親測好用

寫在前面

之前用過一些圖牀(就不說名字了),今天支持明天不支持,寫的博客直接廢了,讓博主痛不欲生。
還有的,強制給本地上傳的圖片加水印,醜死了
痛定思痛決定搭建個github的圖牀,沒想到這麼簡單就搞定了~

1. VScode插件PicGo

需要用到Picgo這個插件,直接在vscode中搜索安裝就行。

2. PicGo的Github配置

打開設置,找到extensions中的Picgo的設置

Screenshot from 2019-06-18 22-58-07.png

往下拖找到github,進行配置:
Screenshot from 2019-06-18 23-00-28(1).png

首先是PicGo-Core設爲

github

Branch自己用git命令

git branch -a

查看自己的branch,我就一個master,所以填的master

Path要和Repo搭配使用,到時候上傳的圖片就會到Repo+Path目錄下,比如我的會傳到:

wyl6/wyl6.github.io/imgs_for_blogs/

下面,所以並不需要單獨開個repo,加個目錄就行。

注意,Path後面加"/",不然後面一部分會當成圖片名稱合併進去。比如Path設爲:

imgs_for_blogs/hello

那麼上傳world.png時圖片會成爲:

imgs_for_blogs/helloworld.png

最後一步的token,從github上重新生成一個就行(token只出現一次,之前的幾乎找不到)。首先從頭像那打開設置:

Screenshot from 2019-06-18 23-13-02.png

找到最下面的Developer Settings:

Screenshot from 2019-06-18 23-15-19.png

從Personal Access裏生成一個token,可以備份下次使用:
Screenshot from 2019-06-18 23-17-33.png

最後把token複製到PicGo設置裏的Github Token裏就行。然後就可以在vscode裏使用圖牀了。

3.圖牀命令

三個簡要命令:

ctrl+alt+e

從文件目錄手動插入圖片

ctrl+alt+u

從剪貼板插入圖片

ctrl+alt+o

從輸入目錄插入圖片,相對目錄和絕對目錄都行

公衆號

更多精彩內容請移步公衆號:推薦算法工程師

感覺公衆號內容不錯點個關注唄

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章