asciidoctor-reveal.js v5.0.1 の新機能いくつか

ここしばらくスライド作成に使っているAsciidoctor のReveal.js コンバーターのasciidoctor-reveal.js が久々のメジャーアップデートでv5.0.1 がリリースされました．

Release v5.0.1 · asciidoctor/asciidoctor-reveal.js

新機能をいくつか試してみました．

以下の新機能を試しました．

Auto-Animate

search plugin

favicon

Auto-Animate

静的なpdfや画像にしたときにページが増えるので自分はあまり使わない機能ですがよく見かけるので一応．

Add support for the Auto-Animate feature (#439)

以下のあたりが参考になります．

Support auto-animate · Issue #423 · asciidoctor/asciidoctor-reveal.js

Auto-Animate | reveal.js

[%auto-animate]
=== cats emoji

[data-id=foo]
* 😺
* 🐈

[%auto-animate]
=== cats emoji+ascii

[data-id=foo]
* 😺
* 🐈
* (ΦωΦ)
* (=^・・^=)

アニメーション中のスクリーンショット

以下のIssue によるとsource code block でも動作するようですが，手元ではうまく行っていません．

Support auto-animate · Issue #423 · asciidoctor/asciidoctor-reveal.js

search plugin

スライド内で検索ができるプラグインです．

Add support for the built-in search plugin (#441)** You can enable this plugin using :revealjs_plugin_search: enabled.

Add support for built-in search plugin · Issue #433 · asciidoctor/asciidoctor-reveal.js

既定値では無効になっているのでスライドのヘッダ部分に以下を書いて有効にします．

:revealjs_plugin_search: enable

生成されたhtml スライをを開いた状態で ctrl + shift + f で模擬上に検索ボックスが出てきて検索できます．

favicon

favicon が使えるようになりました．

Add favicon to HTML if its attribute is present in AsciiDoc

Add favicon to HTML if its attribute is present in AsciiDoc by bbenno · Pull Request #420 · asciidoctor/asciidoctor-reveal.js

ヘッダ部分で以下のようにfavicon を設定します．:favicon には :imagesdir: は効かないようです．

:favicon: resources/favicon.ico

環境

$ asciidoctor-revealjs-linux --version
Asciidoctor reveal.js 5.0.1 using Asciidoctor.js 2.2.6 (Asciidoctor 2.0.17) [https://asciidoctor.org]
Runtime Environment (node v12.13.1 on linux)
CLI version 3.2.0