如何在visual studio代码中将图像包含为markdown？

Question

如何将与文档相同的目标文件夹中的图像包含在visual studio代码中的markdown中？

![Getting Started](./2/to/img.jpg)

我尝试了这个,但没有奏效.

Answer 1

问题很老，但是，我在visual studio code Paste Image中发现了一个非常好的插件

正如插件所建议的那样，您可以通过按ctrl(cmd)+ Alt+将图像粘贴到 Markdown 文件中V。

或者

打开命令 palate 按ctrl(cmd)+ shift+p并选择粘贴图像。在后台，插件创建一个带有日期/时间的图像文件，并在降价时引用。

Answer 2

如果图像与markdown文件位于同一目录中,则可以使用以下任一方法:

![Getting Started](./img.jpg)
![Getting Started](img.jpg)

对于工作空间布局,例如:

docs/
    images/
        img.jpg
    README.md

在README.md,这将是:

![Getting Started](./images/img.jpg)
![Getting Started](images/img.jpg)

请注意，在包含图像时，VS Code不喜欢文件名中的空格。 (3认同)
是的，您必须对URL进行百分比编码。这是降价规范的一部分，而不是特定于vscode的 (2认同)
我知道这一点，但其他人可能不知道：用“%20”替换每个空格。对于其他字符，您需要查找“URL 编码”或“百分比编码”：https://en.wikipedia.org/wiki/Percent-encoding (2认同)

Answer 3

如果您在这里是因为图像无法在 vscode 预览中渲染，这是我的解决方案：

<img src="./2/to/img.jpg" alt="Getting started" />

Markdown 接受 HTML 语法，因此这也有效。

Answer 4

您可以直接从文件中拖动图像并将其包含在 Readme.md 中，而无需执行此过程，只需单击Shift + release它将自动生成。