Kramdown：如何设置图像的位置？

Question

如Syntax Reference of Kramdown所述，我们可以设置图片的高宽大小，如下：

Here is an inline ![smiley](smiley.png){:height="36px" width="36px"}.

但是如何设置图片的位置，比如set align=center?

Answer 1

align=center 已弃用。现在你最好使用 CSS.

为了完成此操作，您需要将图像放在 html block element 中。 您的代码可以是：

<div class="img_container">
![Me]({{site.baseurl}}/img/me.jpg){: height="36px" width="36px"}
</div>

在您的 css 中添加：

.img_container{
  text-align: center;
}

并且，为了指示 kramdown 解析内部块 html 元素，在 _config.yml 中添加：

kramdown:
  parse_block_html: true

您的图片现在位于其父块的中央。