docusaurus-plugin-demo-block
Use code blocks as usual and get better rendering
Install
npm i docusaurus-plugin-demo-block
Quick Start
plugins: [
[
'demo-block',
/** @type {import('./lib/option-type').Options} */
({}),
],
],Example
Config
you can check this config file to find which config is supported
global config
plugins: [
[
'demo-block',
/** @type {import('./lib/option-type').Options} */
({ babel: false }),
],
],local config
\```html vanilla babel=false
<template>
<div id="box">box</div>
</template>
<style>
#box {
border: 1px solid red;
}
</style>
<script>
var box = document.getElementById('box');
</script>
\```
Docs
https://xiguaxigua.com/docusaurus-plugin-demo-block