reveal.js print to pdf 只打印第一张幻灯片？

Question

我正在尝试使用 repo readme 中记录的reveal.js 的pdf 导出选项。

我有以下问题：

• 我在 chrome 打印窗口中没有看到布局选项（横向与纵向）
• 打印只打印第一张幻灯片

不知道我做错了什么或如何解决它。我在 example file 上使用来自 Github 的最新版本的reveal.js css 等（sha：131c00689a4c7a18e5c991fc8102347e4594b5d4）。

我在 Ubuntu 14.04 上使用 Google-chrome 版本 34.0.1847.132

Answer 1

1. 删除

   <link rel="stylesheet" media="print" href="reveal.js/css/print/pdf.css" />
   

2. 添加

   <!-- If the query includes 'print-pdf', include the PDF print sheet -->
   <script>
     if( window.location.search.match( /print-pdf/gi ) ) {
       var link = document.createElement( 'link' );
       link.rel = 'stylesheet';
       link.type = 'text/css';
       link.href = 'reveal.js/css/print/pdf.css';
       document.getElementsByTagName( 'head' )[0].appendChild( link );
     }
   </script>
   

3. 将?print-pdf 添加到 URL 的末尾，例如将.../index.html# 更改为.../index.html?print-pdf#

Answer 2

我使用幻灯片制作了一个演示文稿并将其导出为 HTML，但对我来说，William Zhanf 解决方案根本不起作用。我把所有的幻灯片都覆盖了。我就是这样解决的：

1. 从here下载pdf.css并将其与html文件放在同一文件夹中。
2. 在</body> 标记之前粘贴William Zhanf sn-p（更改了css 文件的路径）：

<script>
  if( window.location.search.match( /print-pdf/gi ) ) {
    var link = document.createElement( 'link' );
    link.rel = 'stylesheet';
    link.type = 'text/css';
    link.href = 'pdf.css'; // Notice: I changed the path
    document.getElementsByTagName( 'head' )[0].appendChild( link );
  }
</script>

1. 然后按照相同的说明进行操作：将?print-pdf 添加到 URL 的末尾并从 Chrome 打印为 PDF。