数学公式排版：LaTeX 在 Hugo 中的应用

Table of Contents

科学计算与学术表达：Hugo 中的 LaTeX 数学公式

在技术、科学、工程和数学等领域的内容创作中，准确无误地排版数学公式是至关重要的。LaTeX 凭借其强大的排版能力，已成为学术界和科技界的事实标准。对于希望在 Hugo 网站上展示复杂数学公式的内容创作者来说，集成 LaTeX 支持是提升专业度和可读性的关键一步。狗子28官网在内容呈现上力求精益求精，这里将指导你如何在 Hugo 中实现 LaTeX 数学公式的排版。

为什么需要 LaTeX？

Markdown 本身并不直接支持复杂的数学公式排版。虽然有些简单的符号可以通过 HTML 或特殊字符表示，但对于方程组、积分、微积分、矩阵等，LaTeX 提供了无与伦比的解决方案。通过 LaTeX，你可以创建出美观、标准的数学表达式。

Hugo 中的 LaTeX 集成方案

数学公式排版：LaTeX 在 Hugo 中的应用 1

Hugo 通常通过第三方库来集成 LaTeX 的渲染能力，最常见的选择是 MathJax 或 KaTeX。这两种库都能在浏览器端将 LaTeX 标记转换为漂亮的数学公式。

方案一：使用 MathJax

MathJax 是一个跨浏览器 JavaScript 库，用于显示网页中的数学符号和公式。

  1. 在 config.toml (或 config.yaml) 中启用 MathJax： 你需要在 Hugo 的配置文件中进行设置，以告诉 Hugo 加载 MathJax。具体配置方法取决于你的 Hugo 版本和主题。通常，你可以在主题的 layouts/partials/head.html 文件中添加 MathJax 的 CDN 链接，或者在 Hugo 的全局配置中进行设置。

    一个常见的配置示例（在 config.toml 中）：

    1
2

    [params]
  mathjax = true

    或者，如果你的主题提供了 head.html 模板，你可以在其中手动添加：

    1

    <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js" id="MathJax-script" async></script>
数学公式排版：LaTeX 在 Hugo 中的应用 2
  1. 使用 LaTeX 标记： 一旦 MathJax 被加载，你就可以在 Markdown 文件中使用 LaTeX 标记来编写公式。
    • 行内公式 (Inline formulas)： 使用 $ 包围公式。
      1

      例如，这个二次方程 $ax^2 + bx + c = 0$ 的解是 $x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}$。
    • 块级公式 (Display formulas)： 使用 $$ 包围公式，公式将独立成行并居中显示。
      1
2
3

      $$
\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
$$
      或者使用 \[ 和 \]：
      1
2
3

      \[
\sum_{n=1}^{\infty} \frac{1}{n^2} = \frac{\pi^2}{6}
\]

方案二：使用 KaTeX

KaTeX 是另一个流行的 JavaScript 数学排版库，以其速度和简洁性著称。

  1. 在 config.toml (或 config.yaml) 中启用 KaTeX： 与 MathJax 类似，你需要将 KaTeX 的 CSS 和 JavaScript 文件引入到你的网站头部。

    在 layouts/partials/head.html 中添加：

    1

    <link rel="stylesheet" href="/cdn-mirror/cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css" integrity="sha384-KVG08z/h3s97Q8z0N+0vK/gR9e/u3/Q7Z9V2/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v9/0/0v
← prev next →