跳转至主内容
Version: 2.0.0-beta.0

📦 theme-live-codeblock

此主题提供由 react-live 所驱动的 @theme/CodeBlock 组件。 您可在交互式代码编辑器文档上了解详情。

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

配置#

docusaurus.config.js
module.exports = {
plugins: ['@docusaurus/theme-live-codeblock'],
themeConfig: {
liveCodeBlock: {
/**
* 实时效果显示的位置,可位于编辑器上方或下方。
* 可为:"top" | "bottom"
*/
playgroundPosition: 'bottom',
},
},
};