Math equations in Blog Posts

Setup

MathJax is a JavaScript display engine which renders $\LaTeX$ syntax in markdown files. This is very useful for displaying math equations for my blog posts.

To integrate MathJax into Jekyll blog posts, I added the following code to _includes/head.html, right before <head>:

<!-- Mathjax Support -->
<script type="text/javascript" async
  src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">
</script>

In addition, set mathjax: true in the _config.yml file.

Latex examples

Matrix: $M = \begin{bmatrix} 1 & 2 & 3 & 4 \\ 5 & 6 & 7 & 8 \end{bmatrix}$

Equation: $\begin{equation} e^{\pi i} + 1 = 0 \end{equation}$

Proof: $\begin{align*} p(x|y,z) & = \frac{p(x,y,z)}{p(y,z)} = \frac{p(x,y,z)}{p(y|z)p(z)} \\ & = \frac{p(x,y|z)p(z)}{p(y|z)p(z)} \\ & = \frac{p(y|x,z)p(x|z)p(z)}{p(y|z)p(z)} \\ & = \frac{p(y|x,z)p(x|z)}{p(y|z)} &\hfill \square \\ \end{align*}$

MathJax integration with Jekyll

Setup

Latex examples

CATALOG

FEATURED TAGS