代码块(动态)
也能高亮代码的代码块
我们使用 Cookie
必要 Cookie 用于保证应用正常运行。可选的分析、支持和营销 Cookie 帮助我们改进网站和服务。 Cookie 政策.
import { DynamicCodeBlock } from 'fumadocs-ui/components/dynamic-codeblock';
<DynamicCodeBlock lang="ts" code='console.log("Hello World")' />;这个组件与 MDX CodeBlock 组件不同,可以在不使用 MDX 的情况下使用。
它使用 Shiki 高亮代码,并使用默认组件渲染它。
特点:
import { DynamicCodeBlock } from 'fumadocs-ui/components/dynamic-codeblock';
<DynamicCodeBlock
console.log("This is pre-rendered")console.log("This is pre-rendered")