跳到主要内容

MDX Blog Post

· 阅读需 1 分钟
Ly
Web3 dapp developer

Docusaurus 中的 MDX 特性

<button onClick={() => alert("button clicked!")}>Click me!</button>

效果如下:

引入组件

<!-- Docusaurus 主题中的组件 -->
import TOCInline from '@theme/TOCInline';
<!-- 外部组件,通过 npm 安装 -->
import Button from '@mui/material/Button';
<!-- 自定义组件 -->
import BrowserWindow from '@site/src/components/BrowserWindow';
先渲染markdown之后,才是`children`内容,如:Docusaurus
有作用?