Asciidoctor的标注未能正确显示样式
- 首先，在Asciidoctor文档头部添加以下CSS代码：
:callout-icons: font :stem: latexmath
.admonitionblock td.icon:before { font-family: FontAwesome; font-size: 16px; font-weight: normal; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; display: inline-block; margin-right: 5px; vertical-align: middle; } .admonitionblock td.icon[data-type="tip"]:before { content: "\f05a"; color: #3c763d; } .admonitionblock td.icon[data-type="note"]:before { content: "\f05a"; color: #716b94; } .admonitionblock td.icon[data-type="important"]:before { content: "\f06a"; color: #a94442; } .admonitionblock td.icon[data-type="warning"]:before { content: "\f071"; color: #8a6d3b; }
-
确认使用了FontAwesome字体库。
-
确认调用了正确的callout语法。
以上步骤应该能够解决Asciidoctor标注样式未显示的问题。