๐ฆ 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: {
/**
* The position of the live playground, above or under the editor
* Possible values: "top" | "bottom"
*/
playgroundPosition: 'bottom',
},
},
};