将 reveal.js 与 asciidoc 一起使用时,如何使用分步代码高亮显示?
How can I use step-by-step code highlights when using reveal.js with asciidoc?
我有一个使用 Maven 的工作设置,从 Asciidoc 源代码生成 reveal.js 演示文稿,并突出显示源代码。
例如,这是一张包含一些 Java 代码的幻灯片:
== Slide Two
Some sample text
[source,java]
----
public class TestClass {
public TestClass() {
}
}
----
如何使用 Asciidoc 源代码块中 reveal.js 的 step-by-step highlighting?
您可以使用 highlight
关键字,用竖线 (|
) 符号分隔每个步骤:
[source,java,highlight=1..5|2..4]
----
public class TestClass {
public TestClass() {
}
}
----
更新:现在也添加到官方文档中:https://docs.asciidoctor.org/reveal.js-converter/latest/converter/syntax/syntax-highlighting/#line-number-highlights
我有一个使用 Maven 的工作设置,从 Asciidoc 源代码生成 reveal.js 演示文稿,并突出显示源代码。
例如,这是一张包含一些 Java 代码的幻灯片:
== Slide Two
Some sample text
[source,java]
----
public class TestClass {
public TestClass() {
}
}
----
如何使用 Asciidoc 源代码块中 reveal.js 的 step-by-step highlighting?
您可以使用 highlight
关键字,用竖线 (|
) 符号分隔每个步骤:
[source,java,highlight=1..5|2..4]
----
public class TestClass {
public TestClass() {
}
}
----
更新:现在也添加到官方文档中:https://docs.asciidoctor.org/reveal.js-converter/latest/converter/syntax/syntax-highlighting/#line-number-highlights