← 全部文章

在 Markdown 中,写下公式与代码

一份可以直接照着写的排版示例:LaTeX 数学公式、GitHub 风格代码,以及表格和引用。

公式与代码在构建阶段完成渲染。即使关闭 JavaScript,这篇文章仍然可以完整阅读。

数学公式

行内公式使用美元符号包裹,例如 E=mc2E = mc^2。独立公式使用两个美元符号:

E[X]=∑i=1npixiVar⁡(X)=E[X2]−E[X]2\begin{aligned} \mathbb{E}[X] &= \sum_{i=1}^{n} p_i x_i \\ \operatorname{Var}(X) &= \mathbb{E}[X^2] - \mathbb{E}[X]^2 \end{aligned}

从定义到表达

正态分布的概率密度为:

f(x)=1σ2πexp⁡(−(x−μ)22σ2)f(x) = \frac{1}{\sigma\sqrt{2\pi}}\exp\left(-\frac{(x-\mu)^2}{2\sigma^2}\right)

公式使用 KaTeX,并附带 MathML,供辅助阅读工具使用。

代码高亮

在围栏代码块后标注语言。配色采用 Shiki 的 github-light,呼应 Gist 的浅色阅读体验。

from math import sqrt

def standard_deviation(values: list[float]) -> float:
    """计算总体标准差。"""
    mean = sum(values) / len(values)
    return sqrt(sum((value - mean) ** 2 for value in values) / len(values))

print(standard_deviation([1, 2, 3, 4, 5]))
const note = {
  title: '保持简单,持续记录',
  tags: ['Markdown', 'Astro'],
};
console.log(note.title);

表格与引用

内容 写法 输出
行内公式 $E = mc^2$ 随段落排版
独立公式 $$ ... $$ 居中展示
代码块 三个反引号 + 语言名 构建时高亮

长代码与公式在各自区域内滚动,不挤压移动端页面。