分享一个 VS Code 插件:一键把 Markdown 网络图片存本地

前几天查看去年保存的一篇技术文章(md格式),打开的时候发现图片全部显示损坏------当时心都凉了。

虽然后来经过我的手动努力,把图片重新补上了,但这个过程也太麻烦了。

插件简介

经过一番查找,我找到了一个 VS Code 插件download-image-in-markdown,可以帮助我们一键下载 markdown 中的全部图片。

安装非常方便,直接插件市场搜索download-image-in-markdown安装即可。

安装完成后在 VS Code 的设置中搜索downloadimage,即可设置下载图片的路径,同时支持异步下载图片。

使用步骤

使用也非常简单。

第一步 ,我们在 VS Code 中打开我们保存下来的 markdown 文章。

可以看到此时的图片路径是网络地址。

第二步 ,在 markdown 文章的右键菜单中点击"Download Images To Local"。

然后就可以在刚才设置的图片存储路径下看到下载的图片,为了防止重复,已经使用"时间戳+文内序号"进行了重命名

第三步 ,但此时 markdown 文件中显示的图片路径为绝对路径 ,不方便移植,我们进行全文替换即可。

到此,markdown 文件内的图片就都下载完成,并更改为相对路径,只要之后文件和图片一起复制,就能保证图片显示了。

结语

这个插件的实现其实非常简单,但最近有点忙,后续抽空可以安排一次 AI 实战分享,给大家展示下如何通过 AI 开发这个 VS Code 插件。

好了,周末结束,明天开始新的一周!

相关推荐
X档案库1 小时前
【开源】我做了一套可以 AI 托管的 Markdown 博客与知识库
rust·博客·markdown·marksharex
yiyesushu1 天前
GitHub Copilot 在 vscode 中使用之 Prompt
人工智能·visual studio code
DeMinds2 天前
内容没有丢,我为什么总在重新整理?|DeMinds 如何让工作接着继续
ios·github·markdown
acheding3 天前
File System Access API 实战:让网页真正读写本地文件
前端·javascript·vue.js·编辑器·markdown
acheding3 天前
把 CodeMirror 6 调教成 Markdown 编辑器:扩展、装饰与门面
javascript·vue.js·编辑器·markdown
程序员Supers3 天前
VSCode 好用插件推荐
visual studio code
慢功夫4 天前
💡第五篇:VSCode插件是如何与主进程通信的?
前端·visual studio code
凉凉的知识库4 天前
用 GPT-5.6 SOL 写了个 VS Code 插件,效果出乎意料
api·测试·visual studio code
卷无止境5 天前
Quarkdown:赋予 Markdown 超能力的现代排版系统
前端·markdown
DeMinds6 天前
这篇文章,真的有“结构”吗?
markdown