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

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

相关推荐
FungLeo4 小时前
成为全栈·Flutter App 篇·Flutter Markdown 阅读器:支持范围与渲染边界
flutter·markdown·dart·代码高亮·成为全栈·移动阅读
飞塔老梅子1 天前
21. PDF文件转换成Markdown格式 ❀ 老梅子学AI
pdf·markdown·转换·mineru·docling
天府云创3 天前
GEO内容优化之读懂llms.txt 、robots.txt和sitemap.xml
markdown·schema·geo·结构化数据·sitemap.xml·llms.txt·llms-full.txt
weixin_416660073 天前
AI 生成的流程图和公式,怎样一起导出到 Word?附可复用测试样例
word·流程图·markdown·豆包·deepseek
古少侠5 天前
AI 生成的 Markdown 怎么变成可交付的 Word?DS随心转 工程化收口清单
markdown·工程化·办公效率·word交付
用户298698530145 天前
React 中实现 Word 与 Markdown 双向转换的实践记录
javascript·react.js·markdown
周永恒8 天前
AI制作配图
ai·markdown·绘图·工作流·博客园
洛小豆8 天前
我是 AI 牛马,老板说:做个简单的原生跨平台 Markdown 编辑器
人工智能·ai编程·markdown
Access开发易登软件11 天前
Access 导入 Markdown 表格:把文档里的数据写进表
前端·html·vba·markdown·access开发
古少侠14 天前
多个 Markdown 文档怎么批量转 Word?DS随心转一次性收口
word·markdown·pandoc·批量转换·ds随心转