revealjs 与 Rmarkdown - 设置字体和画线

Question

我正在使用 R 中的 revealjs 库制作一组幻灯片。我愿意：

自定义字体颜色
用虚线分隔 headers 和页脚

我通过将以下内容添加到 CSS 文件中来设置幻灯片上显示的文本的颜色：

#mycustom {
  color: blue;
}

然后在markdown文档中，我会这样使用它：

## Slide 2 {#mycustom}

XYZ

- a
- b
- c

这会更改除 "Slide 2" 以外所有内容的颜色。我也想控制 headers，理想情况下我希望能够在 CSS 中设置这些颜色一次。

至于我的第二期，我已将以下内容添加到 CSS 文件中：

.reveal .header {
  padding: 1px; 
  border: 1px dashed orange;
}

然后我修改了可以在 <R_DIR/library/revealjs/rmarkdown/templates/revealjs_presentation/resources/default.html> 下找到的 revealjs 模板并在 <div class="slides"> 下添加了 <div class="header"></div> 但结果看起来令人失望：我得到一条小双虚线作为如附图所示。

如果您有任何改进建议，请告诉我。

非常感谢！

Answer 1

至于你的第一个问题，为什么不直接使用

<style>
#myCustom > h1, #myCustom > h2 {
 color: #FF0000;
}

/* or if you want to change all h1: */
h1 {
  color: #00FF00 !important;
}
</style>

revealjs 与 Rmarkdown - 设置字体和画线

revealjs with Rmarkdown - setting fonts and drawing lines

html

css

r-markdown

reveal.js