← 返回博客

MDX 写作示例(数学公式与代码)

2026/8/26 MDX教程

这是一个 .mdx 文章,支持在 Markdown 中混用组件与数学公式。

行内与块级公式(KaTeX)

质能方程: E=mc2E = mc^2

高斯积分:

ex2dx=π\int_{-\infty}^{\infty} e^{-x^2}\,dx = \sqrt{\pi}

代码高亮(Shiki,随主题切换)

interface User {
  id: number;
  name: string;
}

function greet(user: User): string {
  return `Hello, ${user.name}!`;
}

MDX 能力

MDX 允许直接写 JSX,例如一个带样式的提示框:

💡 提示:修改 src/config/site.ts 即可自定义全站资料与导航。

构建后可在「搜索」页用 Pagefind 检索到本文。

评论功能未开启。在 src/config/site.ts 中设置 comments.enabled = true 并配置 Giscus 即可启用。

未选择