Hugo项目中的数学符号可以通过使用第三方JavaScript库来启用。
这个例子中将会使用 KaTeX
如何使用
- 在
/layouts/partials/math.html下创建文件。 - 使用在线JS库: Auto-render Extension 或在本地创建。
- 在文件中使用以下字段:
1{{ if or .Params.math .Site.Params.math }}
2{{ partial "math.html" . }}
3{{ end }}
- 若要在全局文件中使用KaTex,请在配置文件中将
math设为true. - 若只在单个文件中使用KaTex,请在文件开头设置
math: true.
Note: 查询在线帮助: Supported TeX Functions
1{{< math.inline >}}
2{{ if or .Page.Params.math .Site.Params.math }}
3<!-- KaTeX -->
4<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css" integrity="sha384-n8MVd4RsNIU0tAv4ct0nTaAbDJwPJzDEaqSD1odI+WdtXRGWt2kTvGFasHpSy3SV" crossorigin="anonymous">
5<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js" integrity="sha384-XjKyOOlGwcjNTAIQHIpgOno0Hl1YQqzUOEleOLALmuqehneUG+vnGctmUb0ZY0l8" crossorigin="anonymous"></script>
6<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js" integrity="sha384-+VBxd3r6XgURycqtZ117nYw44OOcIax56Z4dCRWbxyPt0Koah1uHoK0o4+/RRE05" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script>
7{{ end }}
8{{</ math.inline >}}
举例
行内公式: $\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…$
行间公式:
$$ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } $$