reveal-ckで特定ページの背景色を変更する

reveal-ckで特定ページの背景色を変更する

reveal-ckで、マークダウンを使用しつつ特定ページの背景色を変更するワークアラウンドです。

Reveal.jsは、HTMLでパワーポイントのようなスライドを作るフレームワークです。reveal-ckは、Reveal.jsを手軽に利用できるようにするツールです。

本文をHTMLで記述する場合、section要素の属性を設定することでページの背景色を変更したり、画像背景を設定したりできます。

<section data-background="#333333"></section>

本文をマークダウンで記述する場合、本家のReveal.jsでは以下の特殊記法でsection要素の属性を設定できます。

---
<!-- .slide: data-background="#333333">
---

しかし、reveal-ckでは上記の特殊記法が有効ではないようでした。

以下のようにdata-markdown属性付きのsection要素を手書きすることで背景色の変更が可能でした。

---
<section data-markdown data-background="#333333">
</section>
---