markdown圖片上傳使我拋棄typora轉投vscode

使用markdown語法寫文章真的很省事，不再用關心文章的格式問題，專心之內容爲中心寫做。

我用的是windows系統，之前使用的是typora軟件寫markdown文章，用了大概也有一年左右的時間。不得不說，typora得所見即所得的設計使人很是溫馨，不用再使用單獨的一個窗口來預覽markdown格式了。

然而最使人頭疼的是文件中若是粘貼了圖片，typora是直接引用的本地地址，例如E:\path\to\img\file.png，以下圖所示。這時你把markdown文件發送給同事，或者將markdown文章複製下來粘貼到博客平臺上，是沒法正常顯示圖片的。這是typora的硬傷，由於我要發佈文章到兩個簡書和掘金兩個平臺。

鑑於此，我上網搜索了不少解決方案。瞭解到圖牀的功能能夠解決這個問題。

圖牀功能就是能夠將你本地粘貼的圖片上傳到網絡(所謂的圖牀)，並給你返回該圖片的地址。這樣不管你的文章發給誰、發在哪一個平臺，只要有網絡，都是能正常訪問到這個圖片的。

windows版本的typora原生並不支持該功能，同時typora也不支持安裝插件，無疑給typora判了死刑，曾經一度放棄了圖牀這個想法。後來仍是不死心，繼續上網搜索，瞭解到了vscode以及其強大的插件，重要的事情說三遍，強大的插件！強大的插件！！強大的插件！！！ 下載試用，感受比typora更溫馨，遂決定放棄了typora轉投vscode。

vscode寫markdown

vscode雖然也是text文本編輯器，但其是原生支持寫markdown的。將你的文件保存爲.md結尾的問題，在編輯器的右上角會出現預覽按鈕，點擊便可預覽markdown，以下圖。

vscode添加圖牀插件PicGo

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

該插件會自動將你須要的圖片上傳到SM.MS服務器，徹底免費，無需任何配置，安裝插件便可使用。我就用的這個默認服務器。

固然你也能夠配置使用你本身的圖牀。如微博、阿里雲等其餘主機。

粘貼圖片

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

• ctrl+alt+u：上傳剪貼板中的圖片到服務器。
• ctrl+alt+e：打開文件瀏覽器選擇圖片上傳。

由於咱們知道，vscode是文本編輯器，若是你直接在vscode中使用ctrl+v粘貼圖片，是沒法粘貼成功的。正確的姿式是，咱們使用截圖工具，如微信的截圖工具，截圖成功後會保存在剪貼板中，這時按ctrl+alt+u就開始上傳圖片了。或者，按ctrl+alt+e，選擇一張圖片上傳便可。

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

以上。