📦 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

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