markdown图片上传使我抛弃typora转投vscode

使用markdown语法写文章真的很省事，再也不用关心文章的格式问题，专心以内容为中心写作。

我用的是windows系统，以前使用的是typora软件写markdown文章，用了大概也有一年左右的时间。不得不说，typora得所见即所得的设计令人非常舒适，不用再使用单独的一个窗口来预览markdown格式了。

然而最令人头疼的是文件中如果粘贴了图片，typora是直接引用的本地地址，例如E:\path\to\img\file.png，如下图所示。这时你把markdown文件发送给同事，或者将markdown文章复制下来粘贴到博客平台上，是无法正常显示图片的。这是typora的硬伤，因为我要发布文章到两个简书和掘金两个平台。

20191021104750.png

鉴于此，我上网搜索了很多解决方案。了解到图床的功能可以解决这个问题。

图床功能就是可以将你本地粘贴的图片上传到网络(所谓的图床)，并给你返回该图片的地址。这样无论你的文章发给谁、发在哪个平台，只要有网络，都是能正常访问到这个图片的。

windows版本的typora原生并不支持该功能，同时typora也不支持安装插件，无疑给typora判了死刑，曾经一度放弃了图床这个想法。后来还是不死心，继续上网搜索，了解到了vscode以及其强大的插件，重要的事情说三遍，强大的插件！强大的插件！！强大的插件！！！ 下载试用，感觉比typora更舒适，遂决定放弃了typora转投vscode。

vscode写markdown

vscode虽然也是text文本编辑器，但其是原生支持写markdown的。将你的文件保存为.md结尾的问题，在编辑器的右上角会出现预览按钮，点击即可预览markdown，如下图。

20191021105800.png

vscode添加图床插件PicGo

我最需要的功能来了，打开vscode插件搜索框（crtl + shift + x），输入PicGo，下载安装该插件，重启vscode。划重点：

该插件会自动将你需要的图片上传到SM.MS服务器，完全免费，无需任何配置，安装插件即可使用。我就用的这个默认服务器。

当然你也可以配置使用你自己的图床。如微博、阿里云等其他主机。

20191021110226.png

粘贴图片

PicGo支持两种方式在vscode上粘贴图片：

• ctrl+alt+u：上传剪贴板中的图片到服务器。
• ctrl+alt+e：打开文件浏览器选择图片上传。

因为我们知道，vscode是文本编辑器，如果你直接在vscode中使用ctrl+v粘贴图片，是无法粘贴成功的。正确的姿势是，我们使用截图工具，如微信的截图工具，截图成功后会保存在剪贴板中，这时按ctrl+alt+u就开始上传图片了。或者，按ctrl+alt+e，选择一张图片上传即可。

OK，强大的插件使得vscode支持上传图片，可以更加愉快的使用markdown写作了，一次写作，处处粘贴，舒爽。

以上。