欢迎

这篇文章用来验证 MDX 渲染 与 自定义交互组件 是否都能正常工作。

提示框组件

交互组件

下面这个计数器是纯客户端组件，在静态站点上也能正常交互：

点击次数：0

标签页

interface Post { title: string; date: string; }

图片与视频

支持 YouTube 与 Bilibili，填 ID 或直接粘贴链接都行。

代码块

export default defineConfig({
  schema: {
    collections: [
      { name: 'post', path: 'content/posts', format: 'mdx', fields: [] },
    ],
  },
});

表格与引用

能力	是否支持
可视化编辑	✅
MDX 自定义组件	✅
纯静态部署	✅

内容保存在 Git 仓库里，编辑器保存即提交。

数学公式

行内公式用反引号包住 LaTeX： $e^{i\pi}+1=0$ 。也可以插入 Math 组件： $a^2+b^2=c^2$ 。

块级公式用 math 代码块：

\int_{0}^{1} x^2\,dx = \frac{1}{3}

公式里的花括号、反斜杠和全角标点都不会再让 MDX 解析失败。