小编Onu*_*obi的帖子

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

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

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

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

components global reactjs docusaurus mdxjs

8
推荐指数
1
解决办法
2342
查看次数

标签 统计

components ×1

docusaurus ×1

global ×1

mdxjs ×1

reactjs ×1