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

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

相关推荐
不想学算法了3 小时前
markdown格式常用命令
markdown
一直C4 天前
Linux系统编程|进程间通信IPC全套详解(1)(管道、信号)
linux·c语言·开发语言·网络·青少年编程·visual studio code
E_ICEBLUE5 天前
Python 实现 Markdown 转 Word、PDF:从转换到页面设置
python·pdf·word·markdown·格式转换
三十而立洋7 天前
VSCode插件从0到1开发与发布完整实战
visual studio code
G_G#8 天前
一款主打本地离线的Windows Markdown编辑器 MD.E,支持AI智能体与定时自动化
markdown·md格式·专用编辑器·免费markdown编辑工具
kisshyshy8 天前
掘金同款社区数据库设计:9张表带你吃透建表、索引与约束
后端·sql·markdown
一直C8 天前
【Linux应用编程】深入理解Linux多任务机制:进程原理、状态转换与进程控制实战
linux·开发语言·算法·ubuntu·vim·visual studio code
用户298698530148 天前
Markdown 转 PDF 免费在线攻略:简单几步轻松搞定
人工智能·后端·markdown
Simon_He9 天前
一个渲染内核,五个框架包:我的流式 Markdown 渲染库是怎么长成“全家桶”的
前端·vue.js·markdown
嘟嘟07179 天前
一个微信公众号 Markdown 渲染组件,如何用 SDD 把需求、架构、任务一次写清
react.js·markdown