使用markdown語法寫文章真的很省事，再也不用關(guān)心文章的格式問題,，專心以內(nèi)容為中心寫作,。

我用的是windows系統(tǒng)，以前使用的是typora軟件寫markdown文章,，用了大概也有一年左右的時間,。不得不說，typora得所見即所得的設(shè)計令人非常舒適,，不用再使用單獨的一個窗口來預(yù)覽markdown格式了,。

然而最令人頭疼的是文件中如果粘貼了圖片，typora是直接引用的本地地址,，例如E:\path\to\img\file.png，如下圖所示,。這時你把markdown文件發(fā)送給同事,，或者將markdown文章復(fù)制下來粘貼到博客平臺上，是無法正常顯示圖片的,。這是typora的硬傷,，因為我要發(fā)布文章到兩個簡書和掘金兩個平臺,。

20191021104750.png

鑒于此，我上網(wǎng)搜索了很多解決方案,。了解到圖床的功能可以解決這個問題,。

圖床功能就是可以將你本地粘貼的圖片上傳到網(wǎng)絡(luò)(所謂的圖床),，并給你返回該圖片的地址。這樣無論你的文章發(fā)給誰,、發(fā)在哪個平臺,，只要有網(wǎng)絡(luò)，都是能正常訪問到這個圖片的,。

windows版本的typora原生并不支持該功能,，同時typora也不支持安裝插件,，無疑給typora判了死刑,，曾經(jīng)一度放棄了圖床這個想法,。后來還是不死心,，繼續(xù)上網(wǎng)搜索，了解到了vscode以及其強大的插件,，重要的事情說三遍,，強大的插件！強大的插件?。姶蟮牟寮,。,。?/strong> 下載試用,，感覺比typora更舒適,，遂決定放棄了typora轉(zhuǎn)投vscode。

vscode寫markdown

vscode雖然也是text文本編輯器,，但其是原生支持寫markdown的,。將你的文件保存為.md結(jié)尾的問題,，在編輯器的右上角會出現(xiàn)預(yù)覽按鈕,，點擊即可預(yù)覽markdown，如下圖,。

20191021105800.png

vscode添加圖床插件PicGo

我最需要的功能來了,，打開vscode插件搜索框（crtl + shift + x），輸入PicGo,，下載安裝該插件,，重啟vscode。劃重點：

該插件會自動將你需要的圖片上傳到SM.MS服務(wù)器,，完全免費,，無需任何配置,，安裝插件即可使用。我就用的這個默認(rèn)服務(wù)器,。

當(dāng)然你也可以配置使用你自己的圖床,。如微博、阿里云等其他主機,。

20191021110226.png

粘貼圖片

PicGo支持兩種方式在vscode上粘貼圖片：

• ctrl+alt+u：上傳剪貼板中的圖片到服務(wù)器,。

• ctrl+alt+e：打開文件瀏覽器選擇圖片上傳。

因為我們知道,，vscode是文本編輯器,，如果你直接在vscode中使用ctrl+v粘貼圖片，是無法粘貼成功的,。正確的姿勢是,，我們使用截圖工具，如微信的截圖工具,，截圖成功后會保存在剪貼板中,，這時按ctrl+alt+u就開始上傳圖片了?；蛘?，按ctrl+alt+e，選擇一張圖片上傳即可,。

OK,，強大的插件使得vscode支持上傳圖片，可以更加愉快的使用markdown寫作了,，一次寫作,，處處粘貼，舒爽,。

以上,。