vsCode编辑markdown实现上传本地图片到服务器

曾经我是这样在 markdown 文件中插入图片的,通过截图工具将涂鸦的图片保存到文章同级的 images 文件夹下,还要取一个语义化的名字方便区分,在 md 文章中引入图片。发布到平台中的时候在一张张上传。

很麻烦不是嘛,几次之后就厌倦了,尤其是图片比较多的时候,更是增加了成本。说 Typora 能解决,但是人家收费了,而且用不习惯。于是乎我想看看有没有插件可以解决,发现了一个黏贴图片即上传七牛云的,一顿折腾之后发现必须要有自己的域名才可以,然而自己注册域名成本还是挺高的。

直到我找到了突破口,安装 PicGo 插件,图片存储服务器可以用 github 的公共仓库。做一些简单的配置后,就可以通过 Ctrl + Alt + U 上传剪切板的图片(图片名字是随机的),通过 Ctrl + ALt + E 上传本地图片(文件名相同可能导致上传失败)。

这样一来本地维护的文件结构也简洁了,不用在意文件的名字,只是所有文章用到的图片都在仓库的统一目录下不太好管理,其实这也是减少时间成本的一个措施,只做增量就可以了。发布到平台的时候也避免了二次上传文件的痛楚。

当然了如果你有强迫症,就是要一是一、二是二的分清楚,PicGo 提供的一些设置也可以满足

图片上传成功的提示

链接格式

![](https://raw.githubusercontent.com/xiaodun/sf-imagebed/main/images20221013113239.png)

只在浏览器访问也是可以的,也会自动上传到远程仓库。

下面将介绍具体的配置以及相关的使用方式

截图工具

你可能感兴趣的:(vsCode编辑markdown实现上传本地图片到服务器)