使用 markdown 和 pandoc 在 HTML 中居中 text/pictures

Question

我正在尝试通过 pandoc 在 markdown 中使用 hakyll 编写 post。

我用markdown成功添加了一些图片、表格和代码块。但是，我想将我的图片和一些文字段落居中。

是否可以使用pandoc和markdown标记语言使文字和图片居中？

Answer 1

将 markdown 视为 HTML 的更好语法 – 它只是内容，没有样式。（居中就是样式。）您也不能将 HTML 中的文本居中。但是您可以添加类，然后使用 CSS（在您的 Hakyll 主题中）设置它们的样式。

Pandoc markdown 目前支持图像属性：

![](img.jpg){.myClass}

但不是段落，但是您可以将内容包装在 divs:

# my markdown header

::: {.myClass}

one paragraph

second paragraph, **strong**

:::

Centering text/pictures in HTML with markdown and pandoc