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

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

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

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

  • Auto-Animate
  • search plugin
  • favicon

Auto-Animate

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

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

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

[%auto-animate]
=== cats emoji

[data-id=foo]
* 😺
* 🐈

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

[data-id=foo]
* 😺
* 🐈
* (ΦωΦ)
* (=^・・^=)
アニメーション中のスクリーンショット

adoc reveraljs autoanimate

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

search plugin

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

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

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

:revealjs_plugin_search: enable

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

adoc reveraljs search

favicon

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

Add favicon to HTML if its attribute is present in AsciiDoc

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

:favicon: resources/favicon.ico

adoc reveraljs favicon

環境

$ 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

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

To respond on your own website, enter the URL of your response which should contain a link to this post's permalink URL. Your response will then appear (possibly after moderation) on this page. Want to update or remove your response? Update or delete your post and re-enter your post's URL again. (Find out more about Webmentions.)