GitHub README.adoc (AsciiDoc) 中的居中对齐图像

Question

我想在 GitHub 中的 README.adoc 文件中居中对齐图像。

我知道对于 Markdown 文件，添加 HTML 就像 the following 一样有效：

<p align="center">
  <img width="460" height="300" src="http://www.fillmurray.com/460/300">
</p>

但是，我想用 AsciiDoc 编写文件，而不是 Markdown。

我尝试过但没有奏效的方法

假设在与 README 相同的目录中有一个 map.png 图片。

image::map.png[A map, 350, align=center]

这显示了正确的图像，但向左对齐。

Answer 1

GitHub 使用 Asciidoctor 但去掉了 CSS 类和内联 CSS 样式。作为解决方法，您可以使用直通（这并不理想）：

++++
<p align="center">
  <img width="460" height="300" src="http://www.fillmurray.com/460/300">
</p>
++++

您也可以comment/vote解决这个问题：https://github.com/github/markup/issues/984

我建议仅当 README 在 GitHub 上呈现时使用条件块来使用此直通：

ifdef::env-github[]
++++
<p align="center">
  <img width="460" height="300" src="http://www.fillmurray.com/460/300">
</p>
++++
endif::[]

ifndef::env-github[]
image::map.png[A map, 350, align=center]
endif::[]

GitHub README.adoc (AsciiDoc) 中的居中对齐图像

Center align image in README.adoc (AsciiDoc) on GitHub

github

asciidoc

readme

我尝试过但没有奏效的方法