下載安裝VsCode
在vscode官網下載安裝包,安裝即可。
Markdown
使用Markdown語法寫文章,能夠使作者更專注于能容內容,而不是排版。之前是用typora寫的,這款軟件也很不錯,界面簡潔舒適,而且可以實時預覽,近乎完美但是卻又不能達到完美,因為寫文檔的時候經常需要截圖,然后從剪貼板從直接黏貼放進文檔,但只是將截圖存放在本機電腦上,所以一旦文檔中有了截圖,將Markdown文檔遷移到別的電腦上展示的成本就大大增加(圖片也要一并復制過去)。如果寫靜態(tài)博客還可以將圖片配置到博客目錄中,但是如果要寫到一些公共博客平臺,則必須使用鏈接引入圖片,否則無法正常顯示,所以需要圖床功能。
圖床
圖床功能就是可以將你本地粘貼的圖片上傳到網絡,并給你返回該圖片的地址。這樣無論你的文章發(fā)給誰、發(fā)在哪個平臺,只要有網絡,都是能正常訪問到這個圖片的。因此圖床也是一個不得不考慮的話題,網上有不少三方的,但是用起來總不如自己構建的放心,因此利用PicGo+GitHub的方案,構建出一款免費好用且穩(wěn)定的自建圖床。
創(chuàng)建自己的GitHub圖床
1.注冊/登陸GitHub賬號
2.創(chuàng)建Repository
3.生成一個Token用于操作GitHub repository github網站 -> Settings -> Developer Settings -> Personal Access tokens -> Generate new token -> 記住此token
4.PicGO中修改Github圖床配置,即可使用PicGo上傳圖片生成鏈接。

設定倉庫名:這里的格式為
用戶名/倉庫名,比如我的就是 MambaInVeins/ImageHosting設定分支名:這里寫入分支名稱,一般直接用
maser即可。設定Token:將剛剛創(chuàng)建的令牌填入。
指定存儲路徑:這個地方可以通過寫入一個路徑名,從而實現(xiàn)指定目錄的上傳。
設定自定義域名:這個域名是為了后邊自動生成圖片地址拼接而用的,格式是:
https://raw.githubusercontent.com/MambaInVeins/ImageHosting/master
這么幾條配置完成之后,可以點擊一下確定,然后將其設為默認圖床,然后就可以投入使用了。
5.或者安裝vscode PicGo插件,修改配置,直接使用快捷鍵在vscode中插入圖片圖床鏈接。
其中快捷鍵有PicGo支持兩種方式在vscode上粘貼圖片:
ctrl+alt+u:上傳剪貼板中的圖片到服務器。ctrl+alt+e:打開文件瀏覽器選擇圖片上傳。
使用插件Markdown Preview Enhanced
Markdown Preview Enhanced是一個很好用的完善預覽功能的插件,可以更加形象的展示所編寫的pdf格式的文檔樣式。在插件庫中搜索markdown即可找到該插件,然后點擊安裝后重新加載。你會發(fā)現(xiàn)工作區(qū)的右上角多了一個預覽按鈕,這個按鈕就是Markdown Preview Enhanced插件產生的,嘗試點擊之后看到更加接近pdf文件格式的預覽效果。你會發(fā)現(xiàn)工作區(qū)的右上角多了一個預覽按鈕,這個按鈕就是Markdown Preview Enhanced插件產生的,嘗試點擊之后看到更加接近pdf文件格式的預覽效果。同樣可以直接在編輯界面右鍵即可開啟Markdown Preview Enhanced插件的預覽功能。還可以通過快捷鍵打開,先按(Ctrl+k)然后緊接著按(v)即可。