LaTeX Notes & MathJax in Jekyll

I take Math of Cryptography and Machine Learning this semester. So I guess it is important for me to be able to input mathematics formular in blog posts when I want to write somthing about math.

TeX will also be awesome when I write some post in Physics category.

TeX is a text complier which produce high-quality formatted document on its own syntax. There are many software based on Tex. A well-know of them is LaTeX.

MathJax is a TeX tool purely based on javascript.

Notes for LaTeX

Here are some notes when learning Tex syntax.
Mrs. Krummel’s LaTeX Tutorials
Online LaTeX Equation Editor



math formular $A=x^2+4x+3$ 

spearate math formular $$A=x^2+4x+3$$

superscripts: $$2x^{34}$$ ==> x power 34

subscripts: $$x_1$$  $${{x_1}_2}_3$$

greek letters:  $$\pi$$ $$\alpha$$  $$A=\pi r^2$$

trig functions:  $$y=\sin{x}$$  

log functions:  $$\log_5{x}$$  $\ln{x}$

square roots:  $$\sprt{2}$$  $$\sprt[3]{x^2+y^2}$$ $$\sport{1+\sprt{x}}$$

fractions:  2/3 == $$2/3$$ ==> 2/3   
            $$\frac{2}{3}$$  ==> 2upstair 3downstair
            $\displaystyle\frac{2}{3}$  ==> enlarge the upper formular to better display

$$\{a,b,c\}$$  ==> {a,b,c}




$$\left\{$x^2\right.$$  ==>  {x^2

$$\left| \frac{dy}{dx} \right|_{x=1}$$  ==>  |dy/dx|_x=1


$x$ & 1 & 2 & 3 & 4 & 5 \\ \hline                  x    1  2  3  4  5 
$f(x)$ & 10 & 11 & 12 & 13 & 14 \\ \hline     ==>  f(x) 10 11 12 13 14


\begin{eqnarray}         ==>   右侧对其,每行末尾有(1)(2)等行号
5x^2-9=x+3\\                   所有的等号上下对齐
x\approx\pm1.732             x 约等于 +-1.732


MathJax Guide

Simple guide for enabling MathJax.js on your Jekyll posts.

###1. Reference MathJax Library

<script type="text/javascript" src=""></script>

Using MathJax in popular web platforms

###2. Add MathJax Config Before the Reference

<script type="text/x-mathjax-config">
    tex2jax: {
        skipTags: ['script', 'noscript', 'style', 'textarea', 'pre']

  MathJax.Hub.Queue(function() {
    // Fix <code> tags after MathJax finishes running. This is a
    // hack to overcome a shortcoming of Markdown. Discussion at
    var all = MathJax.Hub.getAllJax(), i;
    for(i = 0; i < all.length; i += 1) {
        all[i].SourceElement().parentNode.className += ' has-jax';

We do this cause Markdown messes up MathJax!

Official guide: Using in-line configuration options

Or be guided from other bloggers: LaTeX Math Magic

###3. Custom the CSS

Of course, the CSS of your formular text can be redefined:

code.has-jax {font: inherit; font-size: 100%; background: inherit; border: inherit;}

###4. Try Your Own Formulars

Two approaches to insert your formulars in posts source file:

You could use: [](raw: put latex here) But this only works partly. The markdown will interpret the first ) as the closing tag for our raw-statement.

Another approach is to use code blocks. So either using at least 4 spaces before you write something, or using the acute symbol: `. Inside the acute symol, brace the formular with \ [...\ ], you will write formular in a seperate new line, brace with \ (...\ ), you write formular inline.

In case you can not figure out the true html source code of formulars, just take a glance at cowoebker’s_post_source_code.

Some formulars you can test with: TeX Samples


  • Maxwell’s Equations

\begin{aligned} \nabla \times \vec{\mathbf{B}} -\, \frac1c\, \frac{\partial\vec{\mathbf{E}}}{\partial t} & = \frac{4\pi}{c}\vec{\mathbf{j}} \\ \nabla \cdot \vec{\mathbf{E}} & = 4 \pi \rho \\ \nabla \times \vec{\mathbf{E}}\, +\, \frac1c\, \frac{\partial\vec{\mathbf{B}}}{\partial t} & = \vec{\mathbf{0}} \\ \nabla \cdot \vec{\mathbf{B}} & = 0 \end{aligned}

  • Binomial Formular

The probability of getting \( k \) heads when flipping \( n \) coins.

\[ P(E) = {n \choose k} p^k (1-p)^{ n-k} \]

  • Kinetic Energy Equation

Kinetic energy of rigid bodies: \[ E_k = \frac{1}{2}mv^2 \]

Rotating bodies: \[ E_r = \frac{1}{2}Iw^2 \]


###5. Tips

Avoid formatting text in formular by using \text tag: \[ IDF_t (Inverse Document Frequency) = \log⁡( \frac {\text{Corpus size}} {\text{Document count contains term }t +1)} ) \] See the difference between text left to = and right to, where the right side is using \text tag.

Align = for multiline equations by using \( \text{\begin{eqnarray} ... \end{eqnarray}} \) and set the align mark with & = &: \[ \begin{eqnarray}\text{Simple TF}_t & = & \frac {f_{t,d}} {Max(f_{i,d})} \\ \text{Modified TF}_t & = & \log{|Sf_t - Hf_t |} \\ \text{Re-modified TF}_t & = & \frac {\log{|Sf_t - Hf_t |}} {Max(f_{i,d})} \end{eqnarray}\]


Author: Doswa
Title: mathjax in markdown

Author: Cecil Woebker
Title: LaTeX Math Magic

Author: Krummel
Title: LaTeX Tutorials

Title: MATHJAX GUIDE: Math symbols and math fonts

Title: Math symbols and math fonts Link: