GitHubプレゼンテーション¶バージョン0.19.0以降、ZettlrではMarkdownファイルをreveal.jsを使って直接プレゼンテーションファイルにエクスポートできるようになりました。reveal.jsは、プレーンHTMLとJavaScriptを使って、非常に互換性の高いプレゼンテーションを作るための軽量ソリューションです。作られたプレゼンテーションはブラウザを起動できるすべてのコンピューターで見ることができます。今日においては、すべてのコンピューターが該当します。reveal.jsでMarkdownファイルをエクスポートするには、コンピューターにpandocをインストールしてください。pandocのインストール方法についてはエクスポートの説明をご覧ください。実際にreveal.jsを使ってエクスポートしたものを見てみたいなら、プレゼンテーションのデモをご覧ください。ページ内の説明にしたがえば、ソースファイルを見ることもできます。事前の考慮事項¶プレゼンテーションに変換するためのMarkdownは、その他のMarkdown文書とは少し異なる構造となります。新しいスライドを挿入するには2つの方法があります。一つは、レベル1の見出しを使う方法で、それがそのままページのタイトルになります。レベル1の見出しでは大きすぎると感じたり、そのスライドでタイトルを使いたくない場合は、Markdownの区切り線(***または---)を使って各スライドを区切ることができます。見出しや区切り線に続くものがスライドの内容となります。最後のスライドを区切り線を使って明示的に終了させる必要はありません。Markdown要素を使う¶スライド内でもすべてのMarkdown要素を使うことができ、それらは予想通りに出力されるでしょう。各スライドに脚注を配置することもできます。上級者向け機能¶もちろん、reveal.jsはプレゼンテーションの制御に関してPowerPointやImpressと同等の汎用性を持っています。CSSクラスを使って、プレゼンテーションのページを進める前に特定の要素を変化させることができます。これは"fragment"と呼ばれるものです。pandocエンジンの制限により、この機能を使うには生のHTMLを書く必要があります。[here](https://github.com/hakimel/reveal.js/#fragments).</li></ul>これは3項目のリストとなります。すべての項目は"fragment"になっていて、次のスライドに移動するショートカット(右矢印キー)を押すと、1番目の項目がフェードイン(fade-in)します。一度押すと、2番目の項目が青色にハイライトされます。3回目は最後の項目が赤色にハイライトされます。一回右矢印キーを押すと、次のスライドが表示されます。プレゼンテーションの設定¶もちろん、プレゼンテーションに関する設定項目もあります。スクリーンショットのように<script>タグを挿入して操作できる、簡単なJavaScript命令があります。zettlrRevealOptionsオブジェクトの属性を設定して変更することができます。設定できる項目を以下に示します。用意されたテーマが気に入らない場合や、追加のCSSが必要な場合は、プレゼンテーションのどこかに<style>タグを追加してください。スタイルをきめ細かく制御するにはCSSの知識が必要ですが、プレゼンテーションの見た目自体は満足できるものになるはずです。画像¶HTMLプレゼンテーションの大きな欠点は出力されたファイルに画像を含めることができないということです。(正確に言うと含めることは可能ですが、すべての画像の容量を合わせて1.3倍した分だけファイルサイズが増加してしまいます。)なので、どこに画像を置くかを決める必要があります。基本的には3つの選択肢があります。Markdownファイルと同じディレクトリ内に、画像用のディレクトリ(例えばimg)を作ります。すべての画像を相対パス(img/my-image.jpg)を使ってリンクします。ファイルのエクスポート時に、プレゼンテーションファイルからの画像ディレクトリの相対パスが、ソースファイルと同じになるように注意してください。すべての画像ファイルをプレゼンテーションファイルと同じディレクトリに置きます。この場合、ファイル名を使って画像をリンクするようにします。画像をWeb上にアップロードします。画像ホスティングサービスを使い、そのURLを使ってリンクします。プレゼンテーションを置く場所で有効なインターネット接続が必要になるというのが唯一の欠点となります。プレゼンテーションファイルから見た画像の相対パスがソースファイルの時とまったく同じなら、Zettlrで画像が正しく見えていれば、プレゼンテーションでも正しく見えるはずです。