使用markdown語(yǔ)法寫文章真的很省事，再也不用關(guān)心文章的格式問題竖独，專心以內(nèi)容為中心寫作裤唠。
我用的是windows系統(tǒng)，以前使用的是typora軟件寫markdown文章莹痢，用了大概也有一年左右的時(shí)間种蘸。不得不說，typora得所見即所得的設(shè)計(jì)令人非常舒適竞膳，不用再使用單獨(dú)的一個(gè)窗口來預(yù)覽markdown格式了航瞭。
然而最令人頭疼的是文件中如果粘貼了圖片，typora是直接引用的本地地址坦辟，例如E:\path\to\img\file.png刊侯，如下圖所示。這時(shí)你把markdown文件發(fā)送給同事锉走，或者將markdown文章復(fù)制下來粘貼到博客平臺(tái)上滨彻，是無法正常顯示圖片的。這是typora的硬傷挠日，因?yàn)槲乙l(fā)布文章到兩個(gè)簡(jiǎn)書和掘金兩個(gè)平臺(tái)疮绷。
鑒于此，我上網(wǎng)搜索了很多解決方案嚣潜。了解到圖床的功能可以解決這個(gè)問題冬骚。
圖床功能就是可以將你本地粘貼的圖片上傳到網(wǎng)絡(luò)(所謂的圖床)，并給你返回該圖片的地址。這樣無論你的文章發(fā)給誰只冻、發(fā)在哪個(gè)平臺(tái)庇麦，只要有網(wǎng)絡(luò)，都是能正常訪問到這個(gè)圖片的喜德。
windows版本的typora原生并不支持該功能山橄，同時(shí)typora也不支持安裝插件，無疑給typora判了死刑舍悯，曾經(jīng)一度放棄了圖床這個(gè)想法航棱。后來還是不死心，繼續(xù)上網(wǎng)搜索萌衬，了解到了vscode以及其強(qiáng)大的插件饮醇，重要的事情說三遍，強(qiáng)大的插件秕豫！強(qiáng)大的插件Ｆ蛹琛！強(qiáng)大的插件；煲啤ｌ羰！ 下載試用歌径，感覺比typora更舒適毁嗦，遂決定放棄了typora轉(zhuǎn)投vscode。
vscode寫markdown
vscode雖然也是text文本編輯器沮脖，但其是原生支持寫markdown的金矛。將你的文件保存為.md結(jié)尾的問題芯急，在編輯器的右上角會(huì)出現(xiàn)預(yù)覽按鈕勺届，點(diǎn)擊即可預(yù)覽markdown，如下圖娶耍。
vscode添加圖床插件PicGo
我最需要的功能來了免姿，打開vscode插件搜索框（crtl + shift + x），輸入PicGo榕酒，下載安裝該插件胚膊，重啟vscode。劃重點(diǎn)：
該插件會(huì)自動(dòng)將你需要的圖片上傳到SM.MS服務(wù)器想鹰，完全免費(fèi)紊婉，無需任何配置，安裝插件即可使用辑舷。我就用的這個(gè)默認(rèn)服務(wù)器喻犁。
當(dāng)然你也可以配置使用你自己的圖床。如微博、阿里云等其他主機(jī)肢础。
粘貼圖片
PicGo支持兩種方式在vscode上粘貼圖片：
-
ctrl+alt+u：上傳剪貼板中的圖片到服務(wù)器还栓。 -
ctrl+alt+e：打開文件瀏覽器選擇圖片上傳。
因?yàn)槲覀冎来洌瑅scode是文本編輯器剩盒，如果你直接在vscode中使用ctrl+v粘貼圖片，是無法粘貼成功的慨蛙。正確的姿勢(shì)是辽聊，我們使用截圖工具，如微信的截圖工具期贫，截圖成功后會(huì)保存在剪貼板中身隐，這時(shí)按ctrl+alt+u就開始上傳圖片了∥椋或者贾铝，按ctrl+alt+e，選擇一張圖片上傳即可埠帕。
OK垢揩，強(qiáng)大的插件使得vscode支持上傳圖片，可以更加愉快的使用markdown寫作了敛瓷，一次寫作叁巨，處處粘貼，舒爽呐籽。
以上锋勺。
喜歡我的文章的小伙伴歡迎關(guān)注我的公眾號(hào)“東瓜東瓜”哦，自己上微信搜一下狡蝶。
