MDX 与数学公式
笔记

MDX 与数学公式

358 字 1 min read

MDX 是什么

MDX 让你在 Markdown 中直接使用 JSX 组件。

外链卡片

astro.build
Astro 官方文档 Astro 是适合内容型网站的全能 web 框架,支持多种 UI 框架和 Islands 架构。 astro.build
katex.org
KaTeX — 最快的数学排版库 为 Web 设计的快速、易用数学排版库,完整支持 LaTeX 语法。 katex.org

数学公式

本主题使用 KaTeX 渲染数学公式,支持行内和块级公式。

行内公式

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

二次公式:x=b±b24ac2ax = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}

块级公式

高斯积分:

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

欧拉公式:

eiπ+1=0e^{i\pi} + 1 = 0

多行对齐

×E=Bt×B=μ0J+μ0ϵ0Et\begin{aligned} \nabla \times \vec{E} &= -\frac{\partial \vec{B}}{\partial t} \\ \nabla \times \vec{B} &= \mu_0 \vec{J} + \mu_0 \epsilon_0 \frac{\partial \vec{E}}{\partial t} \end{aligned}

矩阵

A=(a11a12a13a21a22a23a31a32a33)A = \begin{pmatrix} a_{11} & a_{12} & a_{13} \\ a_{21} & a_{22} & a_{23} \\ a_{31} & a_{32} & a_{33} \end{pmatrix}

组合数与概率

二项式系数:(nk)=n!k!(nk)!\binom{n}{k} = \frac{n!}{k!(n-k)!}

贝叶斯定理:

P(AB)=P(BA)P(A)P(B)P(A|B) = \frac{P(B|A) \cdot P(A)}{P(B)}

求和与求积

i=1ni=n(n+1)2\sum_{i=1}^{n} i = \frac{n(n+1)}{2} i=1nxi=x1x2xn\prod_{i=1}^{n} x_i = x_1 \cdot x_2 \cdot \ldots \cdot x_n

自定义组件

除 LinkCard 外,你还可以创建任意自定义组件并在 MDX 中使用:

  1. src/components/ 下创建 .astro 组件
  2. 在 MDX 文件中 import 并使用

这种方式让文章内容具备无限扩展能力。

Comment seems stuck. Try to refresh?