Quarto Reveal.js演示中Div格式异常、颜色不匹配问题排查

基础格式规则 #

• 标题：用#标识层级，一级标题对应#，二级对应##，最多支持六级标题。
  示例：

  # 一级标题
  ### 三级标题
  

• 列表项：以短横线-作为起始标记，嵌套列表需缩进4个空格或1个制表符。
  示例：

  - 外层列表项
    - 嵌套列表项
  

• 文本强调：单星号*包裹为斜体，双星号**包裹为粗体。
  示例：*斜体内容*、**粗体内容**
• 代码与命令：行内代码用单个反引号`包裹，多行代码块用三个反引号```包裹，可指定语言实现语法高亮。
  示例：

  行内代码：`npm install`
  多行代码块：
  ```javascript
  function add(a, b) {
      return a + b;
  }
  

• 引用文本：以大于号>开头，多层引用可叠加使用>>、>>>。
  示例：

  > 基础引用内容
  >> 嵌套引用内容
  

• 链接：格式为[链接显示文本](目标URL)，可选添加悬停标题：[文本](URL "标题")。
  示例：[Markdown语法说明](https://daringfireball.net/projects/markdown/)
• 图片：格式为![图片加载失败时的替代文本](图片URL)，同样可添加悬停标题：![替代文本](URL "标题")。
  示例：![示例图](https://example.com/img.png "示例图片")

内容的提问来源于stack exchange，提问作者EastBeast