MarkDump 是一款方便实用的 VS Code 插件,用于自动检测 Markdown 文档中的图片链接,下载图片并存储在文档目录下的 img
文件夹中,同时按顺序编号重命名,并将文档中的图片链接替换为本地路径。
- 自动检测 Markdown 文档中的图片链接(支持 HTTP/HTTPS 链接)。
- 下载图片到文档所在目录的
img
文件夹中。 - 图片文件按
01.png
,02.png
,03.png
的顺序编号命名。 - 自动替换 Markdown 文档中的图片链接为本地路径。
- 打开 VS Code。
- 前往扩展市场,搜索 MarkDump,点击安装。
- 安装完成后,即可在 Markdown 文件中使用该插件。
- 确保你的项目中已经打开了一个文件夹(即工作区)。
- 当前 Markdown 文件已保存到磁盘。
- 打开一个 Markdown 文件。
- 确保文件中包含图片链接,例如:
![Example Image](https://example.com/image1.png) ![Another Image](https://example.com/image2.jpg)
- 按下
Ctrl+Shift+P
(Windows/Linux)或Cmd+Shift+P
(macOS),打开命令面板。 - 输入并选择
MarkDump: Download Images and Update Links
。 - 插件将自动执行以下操作:
- 下载图片到文件目录下的
img
文件夹中。 - 按顺序重命名图片,例如:
img/01.png
,img/02.jpg
。 - 替换 Markdown 文档中的图片链接为本地路径,例如:
![Example Image](img/01.png) ![Another Image](img/02.jpg)
- 下载图片到文件目录下的
- 保存文件,完成操作。
![Example Image](https://example.com/image1.png)
![Another Image](https://example.com/image2.jpg)
- 文件目录:
my-folder/ ├── my-markdown-file.md ├── img/ ├── 01.png ├── 02.jpg
- 修改后的 Markdown 文档:
![Example Image](img/01.png) ![Another Image](img/02.jpg)
- 插件仅支持 HTTP 和 HTTPS 协议的图片链接。
- 图片下载时,请确保网络连接通畅。
- 如果图片链接无效或下载失败,插件将跳过这些图片并在控制台打印错误信息。
如果你有任何问题或建议,欢迎在 GitHub 项目主页 提交 Issue 或 Pull Request。
MarkDump,让 Markdown 图片处理更高效!🎉