Code Defbox

Praktisch um Code Befehle zu definieren.

:::def[`forward(n)` `fd(n)`]{h=3}
Bewegt die Turtle `n` Pixel nach vorne.

```py live_py slim
from turtle import forward
### PRE
forward(100)
```
:::

http://localhost:3000

forward(n) fd(n)

Bewegt die Turtle n Pixel nach vorne.

forward(100)

Installation

Code

• src/components/CodeDefBox
• src/plugins/remark-code-defbox

src/theme/MDXComponents.tsx

import MDXComponents from '@theme-original/MDXComponents';
import DefBox from '../components/DefBox';
import DefHeading from '../components/DefBox/DefHeading';
import DefContent from '../components/DefBox/DefContent';

export default {
  // Re-use the default mapping
  ...MDXComponents,
  DefBox: DefBox,
  DefHeading: DefHeading,
  DefContent: DefContent
};

docusaurus.config.ts

import defboxPlugin from './src/plugins/remark-code-defbox/plugin';
const BEFORE_DEFAULT_REMARK_PLUGINS = [
    /* ... */
    defboxPlugin
];