web-technical-blog

web開発に関する技術メモ

reveal.jsでPDFにする方法

markdown記法で書くときは以下のようにする

<div class="reveal">
    <div class="slides">
        <section data-markdown>
            ## Markdown support1
            Write content using inline or external Markdown.
            Instructions and more info available in the [readme](https://github.com/hakimel/reveal.js#markdown).    
        </section>
        <section data-markdown>
            ## Markdown support2
            
            Write content using inline or external Markdown.
            Instructions and more info available in the [readme](https://github.com/hakimel/reveal.js#markdown).
        </section>
    </div>
</div>

URLにprint-pdfを付与する

  • 以下のような感じにする

    • file:///Users/xxxx/Desktop/reveal.js-master/index.html?print-pdf
  • 印刷プレビュー

    • command + p
    • 余白:なし
    • オプション:「背景のグラフィック」にチェックする