_posts/2012-07-23-latex-in-jekyll.md

   1 ---\r
   2 layout: post\r
   3 title: "让Jekyll支持Latex"\r
   4 description: ""\r
   5 category: Blog\r
   6 tags: [Jekyll, Latex, Blog Maintenance, ZT]\r
   7 ---\r
   8 {% include JB/setup %}\r
   9 \r
  10 <!-- 这几天蛋疼，又折腾了一下blog，从原来的Octopress又弄成了Jekyll。\r
  11 意料之外的是，妹纸看到Jekyll Bootstrap的模板颇为喜欢，说比Octopress默认的好看多了=_=...然后我就莫名其妙地多了一个任务，研究出Jekyll怎么支持Latex，并帮她搭一个blog...Orz -->\r
  12 \r
  13 三步轻松解决，环保节能无公害(大概):\r
  14 \r
  15 1. 在_layouts/default.html内加入以下内容\r
  16 {% highlight JavaScript %}\r
  17 <!-- MathJax Section -->\r
  18 <script type="text/javascript"\r
  19 src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>\r
  20 <script>\r
  21     MathJax.Hub.Config({\r
  22           tex2jax: {\r
  23           skipTags: ['script', 'noscript', 'style', 'textarea', 'pre']\r
  24           }\r
  25     });\r
  26     MathJax.Hub.Queue(function() {\r
  27         var all = MathJax.Hub.getAllJax(), i;\r
  28         for(i=0; i < all.length; i += 1) {\r
  29             all[i].SourceElement().parentNode.className += ' has-jax';\r
  30         }\r
  31     });\r
  32 </script>\r
  33 {% endhighlight %}\r
  34 \r
  35 2. 上一步已经加入了has-jax字符串，接下来再更改style.css\r
  36 {% highlight css %}\r
  37 body div.content {}\r
  38     body div.content code.has-jax {\r
  39         font: inherit;\r
  40         font-size: 100%;\r
  41         background: inherit;\r
  42         border: inherit;\r
  43         color: #000000;\r
  44     }\r
  45 {% endhighlight %}\r
  46 \r
  47 3. 然后就没有什么事了…\r
  48     `\[\r
  49     \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} =\r
  50     1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}}\r
  51     {1+\frac{e^{-8\pi}} {1+\ldots} } } }\r
  52     \]`\r
  53 \r
  54 Reference:\r
  55 \r
  56 [LaTeX Math Magic](http://cwoebker.com/posts/latex-math-magic/)\r
  57 \r
  58 \r