msfjarvis.dev/exampleSite/content/blog/math-typesetting.md
Jake Wiesler 51fa4ecebb add prettier
Prettier has been added as a dev dependency along with a few other tools
that run prettier on staged files before committing them. This prevents
any file from being committed that hasn't gone through the project's
formatting. Check the prettier.config.js file for details on how we
format files.
2020-06-27 10:53:50 -04:00

1.9 KiB

title date slug description keywords draft tags math toc
Math Typesetting 2020-06-05 math-typesetting A brief guide to setup KaTeX
gohugo
hugo
go
blog
false
math
true false

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 {{< math.inline >}} {{ if or .Page.Params.math .Site.Params.math }}

{{ end }} {{}}

Examples

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

Block math:


\sigma(t) = \cfrac{1}{1 + e^{-t}}