Visual Studio 在VScode中的markdown文件中包含图片

vof42yt1 于 2023-05-01 发布在 Vscode

关注(0)|答案(2)|浏览(188)

我必须在vscode中使用markdown编写一个文档。我有一些问题，包括图像在我的文件。我想为我的图像添加一个标题。我试过这个建议。因此，我创建了一个文件夹“_includes”，并添加了一个文件映像。下面是一个例子：

<figure class="image">
<img src="{{include.url}}" alt="{{include.description}}">
<figcaption>{{include.description}}</figcaption>

在我的.md-file中，im试图使用包含图像

{% include image.html src="/pictures/myimage.svg" description="test" %}

问题是，vscode似乎无法识别{% include %}命令。它只是将代码显示为纯文本。谁能给我推荐一个解决这个问题的方法？
亲切的问候

2条答案

我以前也遇到过同样的问题。This答案对我来说最好。代码如下：

![](path_to_image)
*image_caption*

我也喜欢this的输出在视觉上更好，但它们都在功能上很好。验证码：

| ![space-1.jpg](http://www.storywarren.com/wp-content/uploads/2016/09/space-1.jpg) | 
|:--:| 
| *Space* |

（我想把这作为一个评论，但我太新了，不好意思。）

我把图片移到我的项目库中，然后在markdown中拖放。注意按shift键，并将图片放入准备插入文本的矩形中，而不是随便任何地方。