针对 VsCode 中编辑 Markdown 文件的图片保存方案

VsCode 中编辑 Markdown 文件时,自动保存图片到 Github,并使用 jsdelivr 进行 CDN 加速

前言

在 VsCode 中编辑 Markdown 文件时,我们通常会用到图片,但是使用本地图片时,转移 Markdown 文件时,需要保持照片路径一致。所以需要将图片上传到云端,并使用云端图片地址替换本地图片地址。

为什么采用 github 作为云端存储呢?Github 有 1G 的存储空间,而且免费安全。同时 jsdelivr 针对 Github 文件提供了 CDN 服务,可以加速图片访问。

配置

VsCode 安装 Markdown Image 插件

安装Markdown Image 插件

Markdown Image 插件

配置 VsCode 插件

  1. 修改 Markdown Image 插件配置,保存位置改为 Github

保存位置改为 Github

  1. 配置 Github 选项

配置Github选项

Github 的仓库需要预先创建,且 token 需要在 Github 上生成

使用

  1. 在 Markdown 文件中使用快捷键 shift+alt+v 或右键“粘贴图片”插入图片

  2. 等待图片上传完成

图 6

  1. 图片地址自动替换为 jsdelivr 的 CDN 地址

图 5

Gear(夕照)的博客。记录开发、生活,以及一些不足为道的思考……