Vscode自定义Markdown粘贴图片的位置

目前自己的笔记都是在 Vscode 里面进行编辑。在编辑的过程中，经常需要插入一些图片，但是默认的插入图片的位置是在当前文件夹下，这样会导致笔记的目录结构变得非常混乱，不利于管理。

>我的矛盾的地方<

• 第一种（粘贴即上传）：我有时候会需要把笔记同步到 CSDN 或者自建博客，当然图片都是以外链的形式引入，这没什么问题。（通过 PicGo 上传到图床）

但是一旦自己申请的域名过期，或者博客的地方不再维护了，那么之前的图片就会失效，这样就会导致之前的笔记图片都无法显示了。 一旦失效，也就意味着笔记失去了可读性和记录的意义。

而随着笔记的增多，图片的数量也会越来越多，我不可能一张一张去会重新截图，然后再上传到图床，再修改笔记中的图片链接。

麻烦死了！！ 后续慢慢摸索一种比较好的解决方案

• 第二种方式：我可以把每次引用的图片都以相对地址的方式保存在本地，那么以后无论是迁移还是引用都会方便许多。

但是，如果发布到 CSDN 或者自建博客，那么图片还是需要重新上传。（要么是网站后台，要么是图床）

我觉得这样的形式迁移性会好很多，举个例子：

#  原有：项目结构
- Notes/
    - blog1.md
    - blog2.md


# 那么考虑引入外部资源目录后的项目结构如下：
# 在 blog1 和 blog2 两篇文章里面粘贴图像
- Notes/
    - assets/
        - blog1/
            - img1.png
            - img2.png
        - blog2/
            - img1.png
            - img2.png
    - blog1.md
    - blog2.md

解决方案

但是如何修改默认的插入图片的位置?

• 点击小齿轮，打开设置
• 输入 markdown.copy, 找到 Markdown> Copy Files:Destination
• 新增项, Key为: **/*.md, value为目标路径：assets/${documentBaseName}/${fileName}

大家可以根据需要自行修改，这里我是将图片放在了 assets 目录下，然后以当前文件名为文件夹名，将图片放在该文件夹下。