如何为flexdashboard的单个页面设置独立的自定义侧边栏

优先推荐CSS适配方案，不需要修改现有几十页的业务代码，仅需新增少量配置即可实现需求，操作步骤如下：

1. 给全局侧边栏添加专属自定义类，避免选择器误匹配页面内的侧边栏：
   将原代码中全局侧边栏的标题行修改为：
   Sidebar {.sidebar .global-sidebar}
2. 新增CSS代码块，针对需要自定义侧边栏的页面隐藏全局侧边栏，同时消除默认留白：
   在YAML配置结束后、全局侧边栏代码前添加如下CSS块：

```{css, echo=FALSE}
/* 可同时指定多个需要自定义侧边栏的页面，选择器之间用英文逗号分隔即可 */
#section-page-3 .global-sidebar {
  display: none !important;
}
/* 消除隐藏全局侧边栏后留下的空白列 */
#section-page-3 .main-content {
  margin-left: 0 !important;
}

补充说明 #

• 页面ID的规则为#section-加上页面标题的小写slug（空格替换为横杠，特殊字符自动移除），如果不确定对应页面的ID，可以运行仪表盘后按F12打开开发者工具，找到对应页面的<section>标签查看其id属性即可。
• 如果后续有更多页面需要替换侧边栏，仅需要在CSS选择器中追加对应页面的ID，完全不需要调整其他页面的代码，适配成本极低。
  修改后即可实现：Page 1、Page 2等普通页面正常显示全局侧边栏，Page 3仅展示自定义的本地侧边栏，无重叠、无空白列。

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