Math Typesetting - use Mathematical notation in blog posts

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

In this example we will be using KaTeX.

  • To enable KaTeX globally, set the parameter math to true in a project’s configuration file as follows.

    • hugo.toml
      [params]
        math = true
      
    • hugo.yaml
      params:
        math: true
      
  • To enable KaTeX on a per page basis, include the parameter math: true in Front Matter of Markdown content file as follows.

    ---
    math: true
    ---
    

Note: The online reference of Supported TeX Functions is a helpful resource.

Examples

  • Block math:

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

  • Inline math:

    This is an inline polynomial: $5x^2 + 2y -7$.