This page looks best with JavaScript enabled

Math Typesetting

 ·  ☕ 1 min read  ·  👽 Park
    We need goldmark katex entension which is not yet we have: [https://github.com/gohugoio/hugo/issues/6544](https://github.com/gohugoio/hugo/issues/6544)

    Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries.

    In this example we will be using KaTeX

    • Create a partial under /layouts/partials/math.html
    • Within this partial reference the Auto-render Extension or host these scripts locally.
    • Include the partial in your templates like so:
    {{ if or .Params.math .Site.Params.math }}
    {{ partial "math.html" . }}
    {{ end }}
    
    • To enable KaTex globally set the parameter math to true in a project’s configuration
    • To enable KaTex on a per page basis include the parameter math: true in content files.

    Note: Use the online reference of Supported TeX Functions

    Examples

    Inline math: $$ \varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887… $$

    Block math:

    $$
    \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
    $$

    Share on

    zzossig
    WRITTEN BY
    Park
    Web Developer