Introduction

This is a MDX File

Tab

One

Tab One

Two

Tab Two

Code

Code with file

/src/components/HelloCodeTitle.js

function HelloCodeTitle(props) {
  return <h1>Hello，{props.name}</h1>;
}

Code with highlight

function HighlightSomeText(highlight) {
  if (highlight) {
    return '这行被高亮了！';
  }

  return '这里不会';
}

function HighlightMoreText(highlight) {
  if (highlight) {
    return '这块被高亮了！';
  }

  return '这里不会';
}

Code with line numbers

function HighlightSomeText(highlight) {
  if (highlight) {
    return '这行被高亮了！';
  }

  return '这里不会';
}

function HighlightMoreText(highlight) {
  if (highlight) {
    return '这块被高亮了！';
  }

  return '这里不会';
}

Images

Math

$$ I = \int_0^{2\pi} \sin(x)\,dx $$

Title

SubTitle2

SubTitle 2-1

Notes

note

一些包含 Markdown 语法 的 内容。 看看这个 api。

tip

一些包含 Markdown 语法 的 内容。 看看这个 api。

info

一些包含 Markdown 语法 的 内容。 看看这个 api。

caution

一些包含 Markdown 语法 的 内容。 看看这个 api。

danger

一些包含 Markdown 语法 的 内容。 看看这个 api。

Note with Tabs

tip

Use tabs in admonitions

Apple

This is an apple 🍎

Orange

This is an orange 🍊

Banana

This is a banana 🍌