Markdown使用段落标记编译图像

j-m*_*mes 5 markdown liquid jekyll github-pages

这只是一个简单的问题,但是我无法在Google上找到解决此问题的问题.基本上发生的事情是我有一个Jekyll网站,我正在使用kramdown进行降价编译.

当我将图像添加到下面的降价文件时:

![Image Alt Tag](path/to/image)
Run Code Online (Sandbox Code Playgroud)

<p>当我不希望它如下所示时,它将使用标记对其进行编译.

<p><img src="path/to/image" alt="Image Alt Tag" /></p>
Run Code Online (Sandbox Code Playgroud)

这就是我想用图像标记编译markdown文件的方法

<img src="path/to/image alt="Image Alt Tag" />
Run Code Online (Sandbox Code Playgroud)

我想知道我哪里出错了,或者为什么Jekyll用段落标签编译图像.

提前致谢

---编辑:尝试另一种方式,但最终遇到了同样的问题

我试过这个只添加html下面的代码:

<img src="path/to/image" alt="Image Alt Tag" />
Run Code Online (Sandbox Code Playgroud)

它仍然可以通过添加<p>标签进行编译,如下所示.

<p><img src="path/to/image" alt="Image Alt Tag" /></p>
Run Code Online (Sandbox Code Playgroud)

我想知道为什么markdown文件仍然<p>在不需要时为html代码添加标签?

j-m*_*mes 7

感谢David Jacquel让我走上了正确的道路.

看起来图像是内联元素,并且如果Markdown检测到不在块元素内的图像<figure></figure>,<div></div>或者其他类似的块元素,则它将应用<p></p>标记来环绕图像.

要了解Markdown如何编译文档,我发现Babelmark 2是一个有用的资源,值得一试,看看你使用的降价编译器是否正在按照你的意愿行事.

这是我用Babelmark 2在大卫·杰克尔(David Jacquel)指出这个特殊问题后弄清楚的一个例子.

我希望这会帮助遇到同样问题的人,并且没有注意到它是内联/块元素问题.