css - 打印包含注释的 Rmarkdown ioslides 演示文稿

Question

我将使用相当多的 R 代码进行演示，因此我正在使用 Rmarkdown 进行处理。出于各种原因，我选择了 ioslides_presentation 格式，例如可用的 2 列幻灯片格式、添加 Logo 的简便性以及它通常似乎得到了很好的支持。此外，它的演示文稿注释格式简单明了，可以在特殊的“Presenter”窗口中轻松查看。

我遇到的问题是我想在演示结束后分发我的幻灯片，包括演示者的笔记。当然，我可以/将分发 HTML 版本，但对于我的听众中那些更偏向于 PowerPoint 的人，我也希望有一个更熟悉的 PDF 版本。因此，我使用 Chrome 来“保存为 PDF”，这似乎是标准方法。但是，据我所知，默认打印不包括注释:

并在大部分主幻灯片上打开它们(必须在 Chrome 中打开背景打印才能看到注释以外的任何内容，并且它将打开所有幻灯片的注释):

是否有任何标准或相当简单的方法来解决这个问题？我的测试 Rmd 文件如下。

---
title: "Test Presentation"
output: ioslides_presentation
---

## First content slide

This is standard slide text, displayed by default.
Notes are only shown when "p" is pressed.

<div class="notes">
This is a note that shows when requested.
</div>

## Second slide
Here's a list that will fill some space.

- One
- Two
- Three
- Four
- Five
- Six
- Seven

<div class="notes">
Just another note.
</div>

Answer 1

我对 CSS 知之甚少，但我可以稍微调整一下使其看起来像这使用自定义 CSS 文件:

但是，这也会影响演示模式(需要不同的演示版本和打印输出版本)并且可能需要大量手动调整才能使文本大小和位置相对于主要内容正确。

使用示例代码，可以在 ## First content slide 行之前插入以下内容以重现我的输出:

<style>
  .note {
    top: 60%;
    height: 40%;
    background: rgba(0, 0, 0, 0.1);
    font-size: 50%;
  }
</style>