πŸ“” Rough Drafts: an experiment.

Math Typesetting

Written: β€’
βŒ› Reading time: 1 minute

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

Block math: $$ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } $$

About B. Kenneth Brown

Photo of B. Kenneth Brown Hey there! πŸ˜„ My name is Kenneth, I'm a 26-year-old queer MΓ©tis writer and FOSS web developer from Winnipeg, Manitoba and currently reside in Calgary, Alberta. I'm currently studying to obtain a degree in Honours English at Mount Royal University. I'm looking to help those that need web development work done, or searching for ideas and management for their next content project.