Skip to content
Go back

目录

简单的 MDX 演示

简单的 MDX 演示

Published:  at  10:30 AM

简单的 MDX 演示

这是一篇使用 MDX 格式编写的文章。

普通 Markdown 语法

MDX 完全支持所有标准的 Markdown 语法:

列表

代码块

function greet(name) {
  console.log(`Hello, ${name}!`);
}

greet("MDX");

基本 HTML 元素

MDX 支持在 Markdown 中使用 HTML:

这是一个简单的盒子

使用基本 HTML 创建的样式化内容

美丽的渐变卡片

使用内联 CSS 样式创建

结论

MDX 结合了 Markdown 的简洁性和 HTML 的强大功能,非常适合创建丰富的内容。

主要优势:

  1. 保持 Markdown 的简洁性
  2. 支持 HTML 元素
  3. 可以创建样式化的内容
  4. 易于维护和扩展

✏️ 编辑文章

💬 评论交流

ℹ️
GitHub登录评论
使用GitHub账户登录,支持丰富的Markdown格式,评论将同步到GitHub Discussions。