如何在flexdashboard故事板的右侧注释区添加标题？

title: "Storyboard Demo"
output:
flexdashboard::flex_dashboard:
storyboard: true #

示例图表 #

ggplot2::ggplot(mtcars, aes(mpg, wt)) + ggplot2::geom_point()

注释标题

这是右侧注释区的正文内容，标题现在能正常显示在注释区顶部了。 ```

方法2：用粗体+换行模拟标题 #

如果不想用HTML，也可以用Markdown粗体加换行来模拟标题效果，视觉上接近标题且不会破坏布局：

---
title: "Storyboard Demo"
output: 
  flexdashboard::flex_dashboard:
    storyboard: true
---

### 示例图表
```{r}
ggplot2::ggplot(mtcars, aes(mpg, wt)) + ggplot2::geom_point()

注释标题

这是右侧注释区的正文内容，粗体加换行能起到标题的区分作用。

### 方法3：自定义CSS强制修正Markdown标题布局
如果一定要用Markdown的`##`语法，可以在dashboard开头添加自定义CSS，把注释区内的标题限制在右侧区域：

```r
---
title: "Storyboard Demo"
output: 
  flexdashboard::flex_dashboard:
    storyboard: true
---

<style>
.storyboard .sb-right .markdown h2 {
  margin-top: 0;
  font-size: 1.2em;
  color: #2c3e50;
  /* 可以根据需求调整样式 */
}
</style>

### 示例图表
```{r}
ggplot2::ggplot(mtcars, aes(mpg, wt)) + ggplot2::geom_point()

注释标题 #

这是右侧注释区的正文内容，现在Markdown标题会留在注释区内了。

核心原因是storyboard的默认渲染逻辑会把Markdown块级标题（比如`##`）解析为页面全局标题，而非注释区的局部元素，所以会被移到故事板顶部。而HTML内联标签、粗体属于行内/局部元素，或者通过CSS强制约束后，就能正常显示在右侧注释区里。

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