135 words
|
2.25 分钟
MDX Demo
2025-12-16

这是 MDX 页面

支持 JSX 内联
console.log('hello mdx')

组件示例

INFO
这是一个 MDX 内部组件,用于演示 JSX 渲染
SUCCESS
支持多种状态样式

列表与表格

  • 支持无序列表
  • 支持有序列表
    1. 项目一
    2. 项目二

| 字段 | 描述 | | ----- | -------- | | title | 页面标题 | | alias | 路由别名 |

代码与高亮

function Hello({ name }: { name: string }) {
  return <span>Hello {name}</span>
}
echo "MDX 示例"

链接与强调

支持内联代码:const x = 1

支持链接:返回首页

引用段落:这是一个用于展示的引用文本

中文标题生成锚点

子标题测试

这是一个子标题段落。你可以点击下方链接跳转到上面的中文标题锚点。

跳转到中文标题锚点
https://uuice.com/archives/mdx-demo
Author
Unknown
Published at
2025-12-16
无上一篇文章
Advanced MDX Demo