title: display equation in jekyll blog in latex format on github pages
body: <p>I am trying to write equations on my jekyll powered blog hosted on github pages. I am trying to use <code>MathJax</code> javascript library as per instructions <a href="http://gastonsanchez.com/opinion/2014/02/16/Mathjax-with-jekyll/" rel="nofollow">here</a>. Essentially, I added the following code below front matter in the <code>_layouts\page.html</code> and <code>_layouts\post.html</code></p>
  
  <pre><code>&lt;script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>(copied from <a href="http://jekyllrb.com/docs/extras/#math-support" rel="nofollow">here</a>). The problem is that the equations still do not show up correctly on the post, e.g., I wrote the following in my post (with a blank line above and below it):</p>
  
  <pre><code>[\\ a^2 + b^2 = c^2 \\]
  </code></pre>
  
  <p>and instead of showing me the equation in the <code>latex</code> format on the page, it only escapes a <code>\</code> and shows me the following</p>
  
  <pre><code>[\ a^{2} + b^{2} = c^{2} \]
  </code></pre>
  
  <p>Additional details (in my <code>_config.yml</code> regarding highlighting) are as follows</p>
  
  <pre><code># Build settings
  markdown: kramdown
  highlighter: rouge
  paginate: 5
  
  kramdown:
     input: GFM
     hard_wrap: false
     # syntax_highlighter: rouge
  </code></pre>
  
  <p>Also, pasted below the is the code in <code>_layouts\page.html</code></p>
  
  <pre><code>---
  layout: default
  ---
  &lt;article class="post"&gt;
  
    &lt;header class="post-header"&gt;
      &lt;h1 class="post-title"&gt;{{ page.title }}&lt;/h1&gt;
    &lt;/header&gt;
  
    &lt;script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"&gt;&lt;/script&gt;
  
    &lt;div class="post-content"&gt;
      {{ content }}
    &lt;/div&gt;
  
  &lt;/article&gt;
  </code></pre>
  
  <p>and the code in <code>_layouts\post.html</code></p>
  
  <pre><code>---
  layout: default
  ---
  &lt;article class="post" itemscope itemtype="http://schema.org/BlogPosting"&gt;
  
    &lt;header class="post-header"&gt;
      &lt;h1 class="post-title" itemprop="name headline"&gt;{{ page.title }}&lt;/h1&gt;
      &lt;p class="post-meta"&gt;&lt;time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished"&gt;{{ page.date | date: "%b %-d, %Y" }}&lt;/time&gt;{% if page.author %} • &lt;span itemprop="author" itemscope itemtype="http://schema.org/Person"&gt;&lt;span itemprop="name"&gt;{{ page.author }}&lt;/span&gt;&lt;/span&gt;{% endif %}&lt;/p&gt;
    &lt;/header&gt;
  
    &lt;script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"&gt;&lt;/script&gt;
  
    &lt;div class="post-content" itemprop="articleBody"&gt;
      {{ content }}
    &lt;/div&gt;
  
  &lt;/article&gt;
  </code></pre>
  
  <p>Any help in resolving this issues of showing equations properly will by very highly appreciated!</p>
  
  <p>Thanks!</p>
  
  <p>SN248</p>