Init mdx

pages/posts/mdx.mdx

@@ -0,0 +1,20 @@
+export const meta = {
+  "title": "MDX 格式介绍",
+  "date": "2022-03-04",
+  "description": "MDX 允许您在 Markdown 文件中使用 JavaScript。与现代 JavaScript 框架结合让编写内容更优雅。"
+};
+
+import PostLayout from '../../components/PostLayout.js';
+import { Button } from '@mui/material';
+
+这是普通 Markdown 的语法
+
+- One
+- Two
+- Three
+
+这是在 Markdown 中使用 JavaScript 引用的组件
+
+<Button variant="contained">按钮</Button>
+
+export default ({children}) => <PostLayout meta={meta}>{children}</PostLayout>