查看原文
其他

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

快给我饭吃 终端研发部 2022-08-26

点击上方的终端研发部,右上角选择“设为星标

每日早8点半,技术文章准时送上

公众号后台回复“学习”,获取作者独家秘制精品资料


往期文章

十面阿里,七面头条

在百人团队参与游戏研发体验

除了敲代码,你还有什么副业吗?

flutter开发,Dart中的那些骚气语法!

APK瘦身-是时候给App进行减负了

 作者:快给我饭吃
链接:https://www.jianshu.com/p/868b3a2028f8

前言

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

阅读更多

GitLab,是谁给了你歧视中国程序员的勇气?

58同城:厂商内置包大小减少实战!

秋招收官,「网易/美团/菜鸟」面试题已拿offer

重磅!微软GitHub终于宣布官方App了

Java和C势均力敌,Python锐不可当,JavaScript兴起

相信自己,没有做不到的,只有想不到的

在这里获得的不仅仅是技术!

喜欢就给个“在看

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存