LaTeX in Jekyll

less than 1 minute read

Katex Integration

How to use it

I’ve added support for KaTeX. All you have to do is include katex: true in the YAML Front Matter

katex: true

How it works

  1. The custom header loads the KaTeX javascript/css.
     {% if page.katex %}
     <link rel="stylesheet" href="" integrity="sha384-exe4Ak6B0EoJI0ogGxjJ8rn+RN3ftPnEQrGwX59KTCl5ybGzvHGKjhPKk/KC3abb" crossorigin="anonymous">
     <script src="" integrity="sha384-OMvkZ24ANLwviZR2lVq8ujbE/bUO8IR1FdBrKLQBI14Gq5Xp/lksIccGkmKL8m+h" crossorigin="anonymous"></script>
     {% endif %}
  2. The custom footer calls /assets/js/katex_render.js which renders the LaTeX elements.
     {% if page.katex %}
     <script src="{{ "/assets/js/katex_render.js" | relative_url }}"></script>
     {% endif %}

Now, thanks to \(\KaTeX\) I can render pretty math in the browser

\[f(x) = \int_{-\infty}^\infty \hat f(\xi)\,e^{2 \pi i \xi x} \,d\xi\]

Thanks to Type Theme for the inspiration/code.