r - 如何更改四开本幻灯片中的文字颜色？

Question

添加CSS样式颜色为绿色后

编辑器将标题 1 设为绿色，但在 RStudio 幻灯片预览中，标题 1 后面的文本为绿色，但标题 1 不是。

qmd 文件如下所示:

---
format: revealjs
---

我想更改标题文本的颜色，所以我在 CSS 样式 color:green 下编写，但这会更改标题后面的文本，但不会更改标题文本本身。

如果我想更改任何一个特定幻灯片标题的颜色，我需要做什么更改？

Answer 1

如何设计 Quato 显示演示文稿

自定义 Quarto reveal presentation 之一的最佳方法是使用 .scss 文件在默认主题之外提供新规则。见约Customization

---
title: "example"
format: 
  revealjs:
    theme: [default, style.scss]
---

## Nalanda Academy 

Hello

## Slide 2

Quarto

你可以改变一个或几个主题的默认值是使用SASS variables :

/*-- scss:defaults --*/
$presentation-heading-color: green;

/*-- scss:rules --*/

例如，您可以使用常用的 CSS 规则来扩大幻灯片标题的范围

/*-- scss:defaults --*/
$custom-col: green;

/*-- scss:rules --*/

.reveal section h2 {
  color: $custom-col;
}

我们真的建议使用像这样的自定义主题来修改默认 CSS。

关于内联样式的问题

您可以在 html 元素上使用内联样式，它应该可以工作。但是，您可能发现 Pandoc 存在问题，而不是 Quarto 使用的问题。当使用 --section-divs 时，标题上设置的内联样式设置为所有部分。这可以用 html 格式复制，而不仅仅是 revealjs。

quarto pandoc -t html -f markdown -s --section-divs -o test.html test.qmd

所以它也发生在 revealjs 格式上。它在可视化编辑器中正确显示，因为我们模拟了结果。