语法支持

明月几时有？把酒问青天。不知天上宫阙，今夕是何年。我欲乘风归去，又恐琼楼玉宇，高处不胜寒。起舞弄清影，何似在人间。
转朱阁，低绮户，照无眠。不应有恨，何事长向别时圆？人有悲欢离合，月有阴晴圆缺，此事古难全。但愿人长久，千里共婵娟。

MDX allows you to use JSX in your markdown content. You can import components, such as interactive charts or alerts, and embed them within your content. This makes writing long-form content with components a blast. 🚀

MDXMDXMDXMDX~~MDXMDX~~

Command	Description
`git status`	List all new or modified files
`git diff`	Show file differences that haven't been staged

{
  "firstName": "John",
  "lastName": "Smith",
  "age": 25
}

First item
Second item
Third item

First item
Second item
Third item

First item
Second item
Third item

HTML

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Title</title>
    <style>
      body {
        margin: 0;
      }
      .circle {
        width: 100px;
        height: 100px;
        background: royalblue;
        border-radius: 50px;
      }
    </style>
  </head>
  <body>
    <div class="circle"></div>
  </body>
</html>

React

function Count() {
  const [count, setCount] = useState(0);

  return (
    <>
      <p>count: {count}</p>
      <button onClick={() => setCount(count + 1)}>+1</button>
    </>
  );
}

Heading2

Heading3

Heading4

Heading5

Heading6

HTML

React