由于某些原因，Markdown 图片不会被 HTML 包围

Question

所以出于某种原因，当我将降价图像标签包裹在 <div> 或 <section> 中时，它只会输出降价代码。 http://d.pr/i/bPvI（截图）

<section class="photoset">

![Image of San Francisco bay bridge from beach](/images/san-francisco.jpeg)

</section>

但是，当我删除 HTML 代码时，它显示了图像，但被包裹在段落标签中，这不是问题所在。我理解为什么 Jekyll 会对图像这样做。对于我，这说得通。我只是不明白为什么它在将它包装在 HTML 标签之前对我有用时却不起作用。

已编辑

<section class="photoset">

![Image of San Francisco bay bridge from beach](/images/san-francisco.jpeg)

</section>

<p><img src="/images/san-francisco.jpeg" alt="Image of San Francisco bay 
bridge from beach" /></p>

上面的代码我试过看看它是否可以在没有部分标签的情况下工作并且它确实有效。所以出于某种原因，是 HTML 标签阻止了 markdown 标签的工作。

Answer 1

这是Markdown自己的有意选择，并不是Jekyll的错。来自 inline HTML Markdown 文档：

Note that Markdown formatting syntax is not processed within block-level HTML tags. E.g., you can’t use Markdown-style *emphasis* inside an HTML block.

如果要添加块级HTML，其内容也必须完全写入HTML。

Answer 2

你需要告诉 Kramdown process kramdown syntax in block HTML tags

在_config.yml中：

kramdown:
  # parse markdown inside block-level HTML tag
  parse_block_html: true

由于某些原因，Markdown 图片不会被 HTML 包围

For Some Reason Markdown Images won't show surrounded by HTML

html

markdown

jekyll

已编辑