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

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

相关推荐
守护安静星空5 小时前
esp32开发笔记-工程搭建
笔记·单片机·嵌入式硬件·物联网·visual studio code
计算机安禾14 小时前
【数据结构与算法】第39篇:图论(三):最小生成树——Prim算法与Kruskal算法
开发语言·数据结构·c++·算法·排序算法·图论·visual studio code
弈风千秋万古愁19 小时前
vscode使用markdown+plantuml
vscode·markdown·plantuml
笨笨狗吞噬者2 天前
VSCode 插件推荐 Copy Filename Pro,快速复制文件、目录和路径的首选
前端·visual studio code
计算机安禾2 天前
【数据结构与算法】第37篇:图论(一):图的存储结构(邻接矩阵与邻接表)
数据结构·算法·链表·排序算法·深度优先·图论·visual studio code
一口甜西瓜3 天前
《Vue3 + TS 语言包:i18n Ally 不显示翻译?这份配置我踩完坑了》
vue.js·visual studio code
计算机安禾5 天前
【数据结构与算法】第32篇:交换排序(一):冒泡排序
c语言·数据结构·c++·算法·链表·排序算法·visual studio code
海参崴-7 天前
VS2022下载与全面使用指南
visual studio code
计算机安禾8 天前
【数据结构与算法】第25篇:静态查找(一):顺序查找与折半查找
java·开发语言·数据结构·学习·算法·visual studio code·visual studio
formulahendry8 天前
我开发的 ACP Client,被 LangChain 官方推荐了!轻松连上 Claude、Codex、Copilot、OpenClaw 等任意 Agent
visual studio code·vs code·acp