reveal.js で pdf 印刷

reveal.js pdf print out.md

Chrome 上で reveal.js で作成したスライドを pdf 化する手順メモ

• URL に ?print-pdf を追加する
• CMD + P で印刷ダイアログを表示し、出力先を pdf に設定
• 出力

出力された pdf を確認し、リンクが表示されていないなど表示がおかしい場合は以下の事を試す(ここからが本題)

reveal.js/out.html の document.write している行をコメントアウトし、css/print/pdf.css を直接追加。

  <!-- For syntax highlighting -->

+ <!--
  <script>
    document.write( '<link rel="stylesheet" href="css/print/' +
      ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + 
      '.css" type="text/css" media="print">' );
  </script>
+ -->
+ <link rel="stylesheet" href="css/print/pdf.css" type="text/css">

ページをリロードし、CMD + P で印刷ダイアログを表示、pdf に出力

生成された pdf を preview.app で表示し、
preview.app のメニュー [表示] -> [サムネール] でサムネールを表示して、(もしあったら)不要なページを delete キーで削除し保存