如何在左上角生成 Asciidoctor 警告

问题描述

查看关于 Admonitions 的官方 asciidoctor 文档,addmonition 看起来像:

Admonition top left corner

警告在左上角

然而,当我在我的文档中使用相同的警告时,它看起来像:

Admonition left side

告诫在正文的左侧。

是否需要设置一些特殊的 asciidoctor 属性才能获得与官方文档中相同的外观?

解决方法

第一个示例使用 Antora UI 中的 CSS,第二个示例使用标准的 Asciidoctor CSS。两种情况下创建的 HTML 是相同的。

如果您想要与 Antora UI 类似的样式的 HTML 输出,您需要从 Antora UI 借用必要的 CSS 并将其集成到您用于 HTML 输出的主题中。