如何在 asciidoc 上添加样式表 CDN？答案

【问题标题】：How to add stylesheet CDN on asciidoc?如何在 asciidoc 上添加样式表 CDN？
【发布时间】：2020-01-29 03:50:51
【问题描述】：

是否可以在 AsciiDoc 中执行此操作？我尝试使用引导 CSS 对其进行样式化：

:stylesheet:
https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css

【问题讨论】：

标签： asciidoc asciidoctor spring-restdocs

【解决方案1】：

:stylesheet: 属性仅适用于本地文件。

您可以编写一个本地 CSS style.css，然后像这样将其包含在您的 doc.adoc 中。

// style.css
@import "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css";

// doc.adoc
:stylesheet: style.css

为了使结果看起来更漂亮，您仍然需要编写更多的 CSS 来匹配 Asciidoctor HTML 输出使用的类。

以下页面可能会对您有所帮助：https://asciidoctor.org/docs/produce-custom-themes-using-asciidoctor-stylesheet-factory/

【讨论】：

【解决方案2】：

正如我刚刚从 https://stackoverflow.com/a/29456923/200509 了解到的，asciidoc 有一个 passthrough block 功能，它允许将原始 HTML 的 sn-ps（即 CSS 或 JS 代码或引用）插入到呈现的输出中. 因此，将其放在您的 .adoc 文件中的某个位置应该可以：

++++
<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
++++

【讨论】：