How to use MathJax in Slidify?

Question

It seems that all that need to do is to claim widget: mathjax in the title page. But I can't get the formulas correctly rendered. Anything missing? Thank you.

UPDATE: I checked the final index.html, and found that many "*"'s have become <em> or </em>. It seems that slidify is mixing the * in LaTeX and the * in markdown.

Here is my LaTeX snippet:

\begin{align*}
&\begin{bmatrix}
\mathbf{y}\\
y_*
\end{bmatrix}
=\mathcal{N}\left(0,\begin{bmatrix}
K & K_*\\
K_*^T & K_{**}
\end{bmatrix}\right)\\
\Longrightarrow & y_*|\mathbf{y}\sim\mathcal{N}\left(K_*K^{-1}\mathbf{y},K_{**}-K_*K^{-1}K_*^T\right)\\
\Longrightarrow & \overline{y_*}=K_*K^{-1}\mathbf{y}
\end{align*}

which is converted to

<li>Inference
$$\begin{align<em>}
&amp;\begin{bmatrix}
\mathbf{y}\
y_</em>
\end{bmatrix}
=\mathcal{N}\left(0,\begin{bmatrix}
K &amp; K<em>*\
K</em><em>^T &amp; K_{</em><em>}
\end{bmatrix}\right)\
\Longrightarrow &amp; y_</em>|\mathbf{y}\sim\mathcal{N}\left(K<em>*K^{-1}\mathbf{y},K</em>{*<em>}-K<em>*K^{-1}K</em></em>^T\right)\
\Longrightarrow &amp; \overline{y<em>*}=K</em><em>K^{-1}\mathbf{y}
\end{align</em>}$$</li>
</ul>

UPDATE 2: I substituted the _ for _ and * for *, as well as \\ for some \. And it looks quite good now:

$$\\begin{align*}
&\\begin{bmatrix}
\mathbf{y}\\\\
y_*
\\end{bmatrix}
=\mathcal{N}\left(0,\begin{bmatrix}
K & K_*\\\\
K_*^T & K_{**}
\\end{bmatrix}\right)\\\\
\Longrightarrow & y_*\big|\mathbf{y}\sim\mathcal{N}\left(K_*K^{-1}\mathbf{y},K_{**}-K_*K^{-1}K_*^T\right)\\\\
\Longrightarrow & \bar{y}_*=K_*K^{-1}\mathbf{y}
\\end{align*}$$