侧边栏 Docusaurus CSS V2答案

【问题标题】：Sidebar Docusaurus CSS V2侧边栏 Docusaurus CSS V2
【发布时间】：2020-10-08 06:33:19
【问题描述】：

我有 2 个问题。

是否可以根据 ID 更改侧边栏背景颜色？例如，在 sidebar.js 中，我有 sidebar1 和 sidebar2。我希望边栏 1 的颜色与边栏 2 的颜色不同。
如何在自定义页面上输入默认侧边栏？我创建了一个新页面，但是它只包含默认的导航栏和页脚，没有侧边栏。

感谢大家的帮助:)

【问题讨论】：

标签： sidebar docusaurus

【解决方案1】：

现在您可以调整主题边栏并根据边栏名称添加一个类。

如果您打开一个问题，我们可以在侧边栏自动添加该类

【讨论】：

【解决方案2】：

使用 CSS：

将customCss 添加到您的theme 配置（docs），例如：

{
  // ...
  presets: [
    [
      'classic',
      /** @type {import('@docusaurus/preset-classic').Options} */
      ({
        // ...
        theme: {
          customCss: require.resolve('./src/css/custom.css'),
        }
      })
    ]
  ]
}

将"className": "category1" 添加到_category_.json
将同名类添加到src/css/custom.css：
```
.category1 > .menu__link {
  color: red;
}
```
- 注意：接收类的元素包含 a 类的 .menu__link 元素，它定义了默认颜色，因此请覆盖它。

【讨论】：