确保你已经正确加载了所需的CSS文件。
确定你设置的自定义CSS选择器是否正确,需要注意的是,Antora使用的是引擎Asciidoctor.js,因此CSS选择器需要遵循Asciidoctor.js的语法。
如果你还在使用旧版本的Antora,需要将辅助UI的CSS文件放在源库的根目录下,并在playbook.yml文件中显式地引用,如下所示:
ui:
bundles:
- name: antora
version: 2.0.0
- name: supplemental-ui
version: 2.0.0
location: http://localhost:3000/supplemental-ui/
styles:
- https://example.com/custom.css
- supplemental-ui-custom.css
如果你正在使用Antora 2.0或更高版本,则可以将自定义CSS文件添加到Antora主题的文件夹中,并在Antora UI配置文件中引用该文件,如下所示:
ui:
bundles:
- name: antora
version: 2.0.0
- name: supplemental-ui
version: 2.0.0
location: http://localhost:3000/supplemental-ui/
styles:
- https://example.com/custom.css
- antora-ui-custom.css
在这个示例中,自定义CSS文件名为antora-ui-custom.css,当然你也可以更改文件名或路径。
注意:如果使用第4种方法在Antora UI中添加自定义CSS文件,则需要确保更新了UI配置文件后重新生成站点。