使用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写作了,一次写作,处处粘贴,舒爽。
以上。
喜欢我的文章的小伙伴欢迎关注我的公众号“东瓜东瓜”哦,自己上微信搜一下。