VSCode 的一个 Markdown 图片扩展

前言

劳动节闲着没事儿做。就着手解决一个自己的需求:在 Markdown 上插入图片的扩展。

功能很简单:

复制图片文件或截屏,然后到 Markdown 粘贴,自动将图片保存到和 Markdown 文件相同的目录下,然后生成插入图片的代码直接插入。

开发前先调研了一下“竞品”。发现基本上都只实现了截图粘贴,复制文件是不行的。所以研究了一下源码,发现都是通过调用脚本来实现读取剪贴板,所以自己改了脚本,把读取粘贴的文件的功能也实现。由此完成了一个初版。

但是后面听朋友的建议,又再加入了上传到图床的功能。后面索性把比较常见的图床都加进去了。作为选项可供选择。

最后成品

最后完成的扩展,变成了一个可高度自定义的扩展,你可以粘贴文件或截图 Ctrl + Shift + V,自动生成 Markdown 代码。同时支援把图片上传到 Imgur七牛SM.MS 等图床。如果提供的图床你不想用,还可以自己写代码上传,只要把代码的路径填入设置项目即可。如果你只是需要保存在本地,那么开箱可用,无需额外再做什么设置。

demo

另外,还提供了多种变量可以自定义图片保存的名称。比如图片的 Hash,Markdown 的文件名,当前的年月日等等。

image.png

大家可以到这儿安装试用

如果有什么建议或 Bug,欢迎到 GitHub 给我提 Issues

赞助商 我要投放

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...