在Octopress中加入Latex支持

最新推荐文章于 2024-05-08 09:53:48 发布

原创最新推荐文章于 2024-05-08 09:53:48 发布 · 2k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

Octopress 专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何在Octopress博客系统中配置并使用MathJax来显示LaTeX数学公式。首先需要安装kramdown，并在相应模板文件中添加MathJax配置代码。然后更改_config.yml文件中的markdown设置即可在文章中使用数学公式。

主要的方法是采用MathJax

1. 如果没有安装 kramdown，需要先安装，在终端输入:

gem install kramdown

2.在source/_includes/custom/footer.html加入如下代码：

<!-- MathJax -->
<script type="text/x-mathjax-config">
    MathJax.Hub.Config({
                       tex2jax: {
                       inlineMath: [ ['$','$'], ["\\(","\\)"] ],
                       processEscapes: true
                       }
                       });
    </script>

<script type="text/x-mathjax-config">
    MathJax.Hub.Config({
                       tex2jax: {
                       skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
                       }
                       });
    </script>

<script type="text/x-mathjax-config">
    MathJax.Hub.Queue(function() {
                      var all = MathJax.Hub.getAllJax(), i;
                      for(i=0; i < all.length; i += 1) {
                      all[i].SourceElement().parentNode.className += ' has-jax';
                      }
                      });
    </script>

<script type="text/javascript"
    src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
    </script>

这样就引入了MathJax的JS包。

上面的代码也可以在source/_includes/custom/header.html里添加，不过这样会使得页面的加载速度变慢。还可以在source/_layouts/default.html里添加。

3. 在“_config.yml”文件中，用markdown: kramdown 替换 markdown: rdiscount。

这样之后，在公式前后加入$...$,或者$$...$$，就可以在Octopress中显示Latex公式了。

用Kramdown代替Rdiscount的问题是：kramdown的格式限制比rdiscount严格，所以段前段后的空格一定不能省。

参考：

http://www.yanjiuyanjiu.com/blog/20130402/

http://kqueue.org/blog/2012/01/05/hello-world/

http://blog.zhengdong.me/2012/12/19/latex-math-in-octopress

http://steshaw.org/blog/2012/02/09/hello-mathjax/