打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
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写作了,一次写作,处处粘贴,舒爽。

以上。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
Typora 保姆级教程
Typora + PicGo MarkDown完美组合
优秀程序员必备的14款效率工具!
Hexo系列(五) 撰写文章
良心教程 | 如何在Typora中设置免费的图床
笔记软件的选择
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服