Jekyll Markdown,使用段落标签编译图像

问题描述:

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

This is just a simple problem but it's one that I can't find on Google to solve this. Basically what is happening is that I have a Jekyll website, and I'm using kramdown for the markdown compiling.

当我将图像添加到降价文件中时,如下所示:

When I add an image to a markdown file like below:

![Image Alt Tag](path/to/image)

当我不希望它出现时,它将使用<p>标记对其进行编译.

It will compile it with a <p> tag when I don't want it to as seen below.

<p><img src="path/to/image" alt="Image Alt Tag" /></p>

这就是我希望markdown文件使用图片标签进行编译的方式

This is how I would like the markdown file to compile with an image tag

<img src="path/to/image alt="Image Alt Tag" />

我想知道哪里出了问题,或者杰基尔为什么要用段落标签编译图像.

I am wondering where I'm going wrong or why Jekyll is compiling the images with paragraph tags.

预先感谢

---尝试了另一种方法,但最终遇到了相同的问题

我尝试过仅添加下面的html代码来进行此尝试:

I have tried this with only adding the html code which would be below:

<img src="path/to/image" alt="Image Alt Tag" />

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

and it would still compile with adding <p> tags as seen below.

<p><img src="path/to/image" alt="Image Alt Tag" /></p>

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

I am wondering why the markdown file is still adding <p> tags to html code when it is not needed?

感谢 David Jacquel 在正确的路径上.

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

It seems that an image is an inline element and that if Markdown detects an image that is not inside a block element such as <figure></figure>, <div></div> or other similar block elements then it will apply a <p></p> tag to wrap around the image.

要查看Markdown如何编译文档,我发现 Babelmark 2 是有用的资源,值得尝试查看您使用的markdown编译器是否正在执行您想要的工作.

To see how Markdown compiles the document, I have found that Babelmark 2 is an useful resource and worth trying out to see if the markdown compiler that you are using is doing what you want it to do.

这是 David Jacquel 关于这个特定问题.

Here is an example of what I used Babelmark 2 to figure out after the pointing out by David Jacquel on this particular problem.

我希望这将对遇到相同问题的任何人有所帮助,并且不会注意到这是一个内联/块元素问题.

I hope this will help whoever has come across the same problem, and did not notice that it was an inline/block element issue.