📦 theme-live-codeblock

这个主题提供了一个由 react-live 驱动的@theme/CodeBlock组件。您可以在交互式代码编辑器文档中阅读更多信息。

npm

npm install --save @docusaurus/theme-live-codeblock

Yarn

yarn add @docusaurus/theme-live-codeblock

pnpm

pnpm add @docusaurus/theme-live-codeblock

配置

docusaurus.config.js

module.exports = {
  plugins: ["@docusaurus/theme-live-codeblock"],
  themeConfig: {
    liveCodeBlock: {
      /**
       * The position of the live playground, above or under the editor
       * Possible values: "top" | "bottom"
       */
      playgroundPosition: "bottom",
    },
  },
};