如何使用R flexdashboard为现有HTML文档添加新页面

错误原因分析 #

• 你之前的includes配置仅能将已渲染的HTML作为普通DOM块插入当前文档，无法识别flexdashboard基于一级标题生成的多页面导航结构，还会重复加载两套flexdashboard的CSS/JS依赖，导致样式冲突、内容错位
• 用html_document输出时，本身没有flexdashboard的多页面导航逻辑，所有插入内容只会按顺序线性排列，自然堆在页面底部

正确实现方式 #

方案1：源文件合并渲染（推荐，无兼容问题） #

不需要提前渲染first.Rmd为HTML，直接在Second.Rmd中通过child参数引入first.Rmd源文件，flexdashboard会自动合并两个文件的页面结构，生成统一的多页面导航。
Second.Rmd示例代码：

---
output: flexdashboard::flex_dashboard 
orientation: columns 
vertical_layout: scroll
---

```{r, child='first.Rmd', echo=FALSE}

# 你要添加的新页面名称
后续新页面的内容、图表、布局按照flexdashboard语法正常编写即可

渲染Second.Rmd后，生成的HTML会同时包含first.Rmd的所有原有页面和新增页面，导航栏自动同步更新。

方案2：iframe嵌入（适合first.Rmd已固定无法修改源文件的场景） #

如果first.Rmd已经是最终渲染好的HTML，不想重新渲染源文件，可以将原有HTML作为iframe嵌入新的flexdashboard页面，避免依赖冲突。
Second.Rmd示例代码：

---
output: flexdashboard::flex_dashboard 
orientation: columns 
vertical_layout: scroll
---

# 原有仪表盘
```{r, echo=FALSE}
htmltools::tags$iframe(
  src = "output.html", 
  width = "100%", 
  height = "95vh", 
  frameborder = "0"
)

列1 #

展示模块1 #

你要添加的内容

...其他新页面内容...

渲染后导航栏会同时显示「原有仪表盘」和所有新增页面的入口，点击对应选项即可切换内容，原有仪表盘的所有交互功能都可以正常使用。

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