数学公式渲染

KaTeX 简要设置指南

在 Hugo 项目中可以启用数学公式表示法,这需要通过第三方 JavaScript 库来实现。

在本示例中,我们将使用 KaTeX

  • /layouts/partials/math.html 路径下创建一个局部模板
  • 在此局部模板中引用 自动渲染扩展 或在本地托管这些脚本
  • 按如下方式将局部模板包含到您的模板中:
1
2
3
{{ if or .Params.math .Site.Params.math }}
{{ partial "math.html" . }}
{{ end }}
  • 要全局启用 KaTeX,请在项目配置中将参数 math 设置为 true
  • 要基于单个页面启用 KaTeX,请在内容文件中包含参数 math: true

注意: 请参考在线的 支持的 TeX 函数列表

示例

行内公式:$\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…$

块级公式:

$$ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } $$
使用 Hugo 构建
主题 StackJimmy 设计