VSCode中Markdown预览图片不显示的问题求助（Eleventy项目）

你可以通过调整VSCode的Markdown预览设置，直接将src目录设为预览根目录，完美匹配Eleventy的网站根目录配置：

方法1：全局设置（对所有项目生效） #

1. 打开VSCode设置（快捷键Ctrl+,或Cmd+,）
2. 在搜索框输入 markdown.preview.rootPath
3. 将值设置为 ${workspaceFolder}/src

设置完成后，Markdown预览器会把项目下的src文件夹当作根路径，你原来写的![](/assets/images/myimage.jpg)就能正确加载图片。

方法2：工作区设置（仅当前项目生效） #

如果不想影响其他项目，可在当前项目的.vscode文件夹下创建settings.json文件，添加以下配置：

{
  "markdown.preview.rootPath": "${workspaceFolder}/src"
}

保存后，VSCode会自动应用这个项目专属的预览根路径规则。

备选方案（临时适配） #

若上述设置无法生效，可临时改用相对路径适配预览：
从/project-folder/src/posts下的Markdown文件到图片的相对路径为：

![](../assets/images/myimage.jpg)

不过这个方法需要确保Eleventy构建时路径兼容，更推荐前面的设置类方案，保持Markdown内容与Eleventy配置一致。

内容的提问来源于stack exchange，提问作者user131948