在 Hugo 项目中,可以通过第三方 JavaScript 库实现数学公式的显示。
本例中我们将使用 KaTeX
- 在
/layouts/partials/math.html下创建一个 partial 文件 - 在该 partial 中引用 Auto-render Extension 或将相关脚本本地托管
- 在你的模板中(如
extend_head.html)包含此 partial,示例: - 参考 ISSUE #236
{{ if or .Params.math .Site.Params.math }}
{{ partial "math.html" . }}
{{ end }}
- 若要全局启用 KaTeX,请在项目配置中设置参数
math: true - 若只在单个页面启用 KaTeX,请在内容文件 front matter 中添加
math: true
注意: 可参考 KaTeX 支持的 TeX 函数
示例
行内公式示例:$\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…$
块级公式示例:
$$ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } $$