MDX 与数学公式
笔记

MDX 与数学公式

演示 MDX 组件嵌入、KaTeX 数学公式渲染和外链卡片功能。

MDX 是什么

MDX 让你在 Markdown 中直接使用 JSX 组件。本主题完全支持 .mdx 格式的文章。

外链卡片

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

自定义组件

src/components/ 下创建 .astro 组件,然后在 MDX 文件中 import 并使用:

import MyComponent from '../components/MyComponent.astro';

<MyComponent prop="value" />

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

数学公式

本主题使用 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

极限

limx0sinxx=1\lim_{x \to 0} \frac{\sin x}{x} = 1

导数

f(x)=limh0f(x+h)f(x)hf'(x) = \lim_{h \to 0} \frac{f(x+h) - f(x)}{h}
分享
Comment seems stuck. Try to refresh?