使README.adoc(AsciiDoc)在GitHub上居中对齐图像

HerCerM

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

我知道对于Markdown文件,添加HTML如下所示

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

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

我尝试过但没有奏效的

假设在与自述文件相同的目录中有一个map.png图像。

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

这将显示正确的图像,但要向左对齐。

莫格兹特

GitHub使用Asciidoctor,但剥离了CSS类和内联CSS样式。作为解决方法,您可以使用直通(不理想):

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

您也可以对此问题发表评论/投票: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::[]

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Github readme.md对齐图像

来自分类Dev

在github的README.adoc中使用“外部”属性

来自分类Dev

将Bookmarklet嵌入GitHub README.md

来自分类常见问题

github从README链接到Wiki页面

来自分类Dev

将JavaScript嵌入GitHub README.md

来自分类Dev

What format for a Python package's README on github?

来自分类Dev

github的README.md中注释的语法?

来自分类Dev

Github README 突然无法正常显示

来自分类Dev

如何向Github README.md添加背景图像

来自分类Dev

github上Python软件包的README的格式是什么?

来自分类Dev

github上Python包的README的格式是什么?

来自分类Dev

将图像添加到BitBucket上的README.md

来自分类Dev

如何在GitHub上的README.rst中强制更新图像(缓存)

来自分类Dev

Github在README.md中包含md文件?

来自分类Dev

Python文档字符串到GitHub README.md

来自分类Dev

在Maven发行版上更新README中包含的版本

来自分类Dev

为什么git add README在我的Ubuntu上失败?

来自分类Dev

如何在使用裸git存储库管理dotfile时在github上添加README.md但在主目录中没有相同的README.md?

来自分类Dev

Markdown语法,用于在Github上的README.md中突出显示语法

来自分类Dev

如何在GitHub上使用markdown将原始HTML粘贴到README.md中?

来自分类Dev

如何在GitHub(readme.md)上发布OpenAPI文档的最佳方法?

来自分类Dev

如何显示KaTex-GitHub README.md文件上的输出?

来自分类Dev

如何在Github的README上添加R-CMD检查状态

来自分类Dev

GitHub README不在AWS S3上显示外部映像

来自分类Dev

为什么浏览器不遵循HTTP 302重定向来呈现渲染的GitHub README.md上的图像资源?

来自分类Dev

GitHub图像出现在ReadMe.md中,而不出现在已发布页面中

来自分类Dev

您如何使用GitHub风格的markdown在README文件中缩进项目符号列表?

来自分类Dev

GitHub显示README.rmd中的所有代码块(尽管include = FALSE)

来自分类Dev

扬声器甲板幻灯片可以嵌入github的README文件中吗?

Related 相关文章

  1. 1

    Github readme.md对齐图像

  2. 2

    在github的README.adoc中使用“外部”属性

  3. 3

    将Bookmarklet嵌入GitHub README.md

  4. 4

    github从README链接到Wiki页面

  5. 5

    将JavaScript嵌入GitHub README.md

  6. 6

    What format for a Python package's README on github?

  7. 7

    github的README.md中注释的语法?

  8. 8

    Github README 突然无法正常显示

  9. 9

    如何向Github README.md添加背景图像

  10. 10

    github上Python软件包的README的格式是什么?

  11. 11

    github上Python包的README的格式是什么?

  12. 12

    将图像添加到BitBucket上的README.md

  13. 13

    如何在GitHub上的README.rst中强制更新图像(缓存)

  14. 14

    Github在README.md中包含md文件?

  15. 15

    Python文档字符串到GitHub README.md

  16. 16

    在Maven发行版上更新README中包含的版本

  17. 17

    为什么git add README在我的Ubuntu上失败?

  18. 18

    如何在使用裸git存储库管理dotfile时在github上添加README.md但在主目录中没有相同的README.md?

  19. 19

    Markdown语法,用于在Github上的README.md中突出显示语法

  20. 20

    如何在GitHub上使用markdown将原始HTML粘贴到README.md中?

  21. 21

    如何在GitHub(readme.md)上发布OpenAPI文档的最佳方法?

  22. 22

    如何显示KaTex-GitHub README.md文件上的输出?

  23. 23

    如何在Github的README上添加R-CMD检查状态

  24. 24

    GitHub README不在AWS S3上显示外部映像

  25. 25

    为什么浏览器不遵循HTTP 302重定向来呈现渲染的GitHub README.md上的图像资源?

  26. 26

    GitHub图像出现在ReadMe.md中,而不出现在已发布页面中

  27. 27

    您如何使用GitHub风格的markdown在README文件中缩进项目符号列表?

  28. 28

    GitHub显示README.rmd中的所有代码块(尽管include = FALSE)

  29. 29

    扬声器甲板幻灯片可以嵌入github的README文件中吗?

热门标签

归档