search

xiaodongxier / iWebs

开发技术转载
https://github.xiaodongxier.com/iWebs
33 stars 8 forks source link

如何设置VS Code 中 Markdown粘贴图片的位置 - 宵伯特 - 博客园 #194

Open xiaodongxier opened 1 year ago

xiaodongxier commented 1 year ago

TL;DR: 使用VS Code中的 markdown.copyFiles.destination 配置项，可以设置粘贴图片的位置。

VS Code内的markdown编辑器应该算是比较好用的，但是有一个问题一直困扰着我，就是在编辑markdown文件时，粘贴图片的位置问题。默认情况下，VS Code会将粘贴的图片放在markdown文件的同级目录下，这样会导致markdown文件的目录结构变得非常混乱，不利于管理。

其实只需要简单的设置一下，就可以解决这个问题。

  1. 在VS Code中，按下Ctrl + ,，打开设置界面。
  2. 在搜索框中输入markdown.copy, 找到Markdown> Copy Files:Destination
  3. 新增配置项 key 为 "*/.md" , value 为 你的目标路径。比如我想将图片放在 assets 目录下 markdown文件同名的目录下，那么我就可以设置为 assets/${documentBaseName}/${fileName}， 其中 ${documentBaseName} 代表markdown文件的文件名，${fileName} 代表图片的文件名。
  4. 保存设置即可。

🥚: 本文内容参考 GitHub Copilot 提供的建议。

本作品采用知识共享署名-相同方式共享 4.0 国际许可协议进行许可。

🤝WE WANT YOU!