分享一个 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 插件。

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

相关推荐
用户2986985301416 小时前
Python 将 Markdown 批量转为 HTML:单文件与目录遍历两种实现
python·html·markdown
树欲静·而风不止2 天前
许愿式编程:我把 Typability 改成了能日常顶替 Typora 的样子
ai·markdown
Frag0ut3 天前
Notepad++ 零基础入门:从记事本到代码编辑器的平滑过渡(2026最新版)
python·编辑器·html·json·notepad++·markdown·记事本
゛凌乱的记忆づ3 天前
好用的md文件编辑器——TyporaS与Typora
笔记·git·typora·markdown
Nymph_Zhu5 天前
pdf转换markdown预览及内容互相点击定位
前端·pdf·vue3·markdown·element-plus
king王一帅5 天前
AI 时代少有人类阅读,我开始建自己的独立站,但真的是 49 年入国军吗
开源·ai编程·markdown
行者-全栈开发5 天前
【鸿蒙心迹】鸿蒙 PC 应用上架实战:分布式 Markdown 笔记从开发到过审全流程
harmonyos·markdown·arkui·应用上架·鸿蒙 pc·分布式数据同步
DigitalOcean5 天前
不受限于 Copilot,教你在 VS Code 中接入 GPT、Claude
agent·visual studio code
king王一帅7 天前
AI 时代一群人在卷笔记软件,我想先把 Markdown 编辑器的底层做好
前端·ai编程·markdown
用户298698530148 天前
Python 实战:Markdown 转 PDF 的代码实现与页面设置
python·api·markdown