跳到主要内容
版本：3.6.3

📦 theme-live-codeblock

This theme provides a @theme/CodeBlock component that is powered by react-live. You can read more on interactive code editor documentation.

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

Configuration​

docusaurus.config.js
export default {
  plugins: ['@docusaurus/theme-live-codeblock'],
  themeConfig: {
    liveCodeBlock: {
      /**
       * 实时效果显示的位置，在编辑器上方还是下方
       * 可选参数："top" | "bottom"
       */
      playgroundPosition: 'bottom',
    },
  },
};