📦 theme-live-codeblock
这个主题提供了由 react-live 驱动的 @theme/CodeBlock
组件。 你可以在交互式代码编辑器的文档中了解详情。
- npm
- Yarn
- pnpm
npm install --save @docusaurus/theme-live-codeblock
yarn add @docusaurus/theme-live-codeblock
pnpm add @docusaurus/theme-live-codeblock
配置
docusaurus.config.js
export default {
plugins: ['@docusaurus/theme-live-codeblock'],
themeConfig: {
liveCodeBlock: {
/**
* 实时效果显示的位置,在编辑器上方还是下方
* 可选参数:"top" | "bottom"
*/
playgroundPosition: 'bottom',
},
},
};