MDX 格式文章示例

Markdown 和 MDX 的区别#

• Markdown (MD) 是一种轻量级标记语言，允许用户使用纯文本格式编写文档，然后将其转换为格式化的HTML。它因其简洁易用的语法而广受欢迎，特别适合编写文档和博客文章。
• MDX 是一种扩展了 Markdown 语法的格式，允许在 Markdown 文档中无缝地插入 JSX 代码。通过 MDX，用户可以在文档中嵌入 React 组件，从而实现更丰富的交互性和动态性。

使用组件#

这是一个图标组件：

JSX 表达式#

你可以在 MDX 中使用 JavaScript 表达式：

1
{new Date().toLocaleDateString('zh-CN')}

显示结果：{new Date().toLocaleDateString(‘zh-CN’)}

注意事项#

• MDX 文件需要使用 .mdx 扩展名
• 导入语句必须放在文件顶部，frontmatter 之后
• 组件名称必须大写开头
• 不要在 MDX 中使用 --- 分隔符，它会被解析为 frontmatter