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="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.9.0-alpha2/katex.min.css" integrity="sha384-exe4Ak6B0EoJI0ogGxjJ8rn+RN3ftPnEQrGwX59KTCl5ybGzvHGKjhPKk/KC3abb" crossorigin="anonymous">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.9.0-alpha2/katex.min.js" 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 I can render pretty math in the browser


Thanks to Type Theme for the inspiration/code.

Tags:

Updated: