將 Reveal.js 簡報匯出成 PDF

之前筆記曾經紀錄到如何使用 Reveal.js 搭配 Markdown 語法來製作簡報，可以大幅減少製作簡報的時間成本，但簡報除了實際報告的呈現之外，另一個重點是最後產出的檔案，不少聽眾還是習慣透過簡報檔來回憶簡報的內容，所以今天就來紀錄一下該如何將 Reveal.js 的簡報匯出成 PDF 吧

如何匯出？

在簡報 URL 加上print-pdf (擇一即可)
- http://localhost:9002/?print-pdf
- http://localhost:9002/index.html?print-pdf#/

確認頁面有載入特定 css 的 javascript

如果頁面是從 GITHUB 專案複製下來修改的可以忽略這段，預設已加入

<!-- Printing and PDF exports -->
<script>
    var link = document.createElement( 'link' );
    link.rel = 'stylesheet';
    link.type = 'text/css';
    link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
    document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>

在瀏覽器中按下 Ctrl+p 開啟列印視窗
選擇列印目的地
- 4-1. Chrome 專屬的 另存為 PDF
  - 54.0.2840.71 m (64-bit) 為例
  - 勾選背景圖形 –> 儲存
- 4-2. Windows 10 的虛擬印表機(Microsoft Print to PDF)
  - 勾選背景圖形