如何在 Docusaurus v2 中嵌入全局 React 组件？

Posted 2023-02-22

【中文标题】如何在 Docusaurus v2 中嵌入全局 React 组件？

【英文标题】：How do I embed global React components in Docusaurus v2?

【发布时间】：2020-09-13 06:19:24

【问题描述】：

我发现可以使用 MDX 嵌入 React 组件：https://v2.docusaurus.io/docs/markdown-features/#embedding-react-components-with-mdx

但是，此方法适用于特定页面。如何使它适用于文档中的所有降价文件？我正在尝试添加与上面链接中类似的组件来更改某些内联文本的样式。我尝试编辑 src/pages/index.js 但没有成功。

const HighlightGreen = (children) => (
  <span
    style=
      backgroundColor: '#00a400', // green,
      borderRadius: '2px',
      color: '#fff',
      padding: '0.2rem',
    >
    children
  </span>
);

【问题讨论】：

用户手册中的所有markdown文件是什么？

@YangshunTay 我的意思是“文档”。我更新了我的问题。

【参考方案1】：

现在您似乎可以通过创建website/src/theme/Root.js 文件来“调整”根组件，根据：https://docusaurus.io/docs/using-themes#wrapper-your-site-with-root