• 博客园的LaTeX数学公式设置


    博客园的LaTeX数学公式设置

    一、总结

    一句话总结:

    可以很方便的用MathJax库来显示LaTeX代码
    <script type="text/javascript"
      src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
      MathJax.Hub.Config({
        extensions: ["tex2jax.js","TeX/noErrors.js","TeX/AMSsymbols.js"],
        jax: ["input/TeX","output/HTML-CSS"],
        tex2jax: {
          inlineMath: [['$','$'],["\(","\)"]],
          displayMath: [['\[','\]'], ['$$','$$']],
          balanceBraces: true
    
        },
        TeX: {equationNumbers: {autoNumber: ["AMS"], useLabelIds: true}},
        "HTML-CSS": {availableFonts:["TeX"]},
      });
    </script>

    二、博客园的LaTeX数学公式设置

    转自或参考:博客园的LaTeX数学公式设置
    https://www.cnblogs.com/chaosstar/archive/2012/06/06/2537432.html"> 博客园的LaTeX数学公式设置

     

    1.设置

    数学公式显示其实很简单,在博客的后台“设置”的“页首Html”(或“页脚Html”)添加如下代码:

     1 <script type="text/javascript"
     2   src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
     3   MathJax.Hub.Config({
     4     extensions: ["tex2jax.js","TeX/noErrors.js","TeX/AMSsymbols.js"],
     5     jax: ["input/TeX","output/HTML-CSS"],
     6     tex2jax: {
     7       inlineMath: [['$','$'],["\(","\)"]],
     8       displayMath: [['\[','\]'], ['$$','$$']],
     9       balanceBraces: true
    10       
    11     },
    12     TeX: {equationNumbers: {autoNumber: ["AMS"], useLabelIds: true}},
    13     "HTML-CSS": {availableFonts:["TeX"]},
    14   });
    15 </script>

        这样就可以了。就可以直接在博客中写LaTeX的代码了。其实这种方法是通过MathJax的转换,从而达到显示数学公式的目的(参考的另一篇博客园的

    1.设置

        折腾了一个晚上,终于把显示数学公式给搞定了。其实很简单,在博客的后台“设置”的“页首Html”(或“页脚Html”)添加如下代码:

     1 <script type="text/javascript"
     2   src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
     3   MathJax.Hub.Config({
     4     extensions: ["tex2jax.js","TeX/noErrors.js","TeX/AMSsymbols.js"],
     5     jax: ["input/TeX","output/HTML-CSS"],
     6     tex2jax: {
     7       inlineMath: [['$','$'],["\(","\)"]],
     8       displayMath: [['\[','\]'], ['$$','$$']],
     9       balanceBraces: true
    10       
    11     },
    12     TeX: {equationNumbers: {autoNumber: ["AMS"], useLabelIds: true}},
    13     "HTML-CSS": {availableFonts:["TeX"]},
    14   });
    15 </script>

        这样就可以了。就可以直接在博客中写LaTeX的代码了。其实这种方法是通过MathJax的转换,从而达到显示数学公式的目的(参考的另一篇博客园的博客,MathJax的how to文档以及官方说明文档)。

    下面写几个示例:这是行内公式:( e^{pi i} + 1 = 0),下面的是行间公式:[ e^{pi i} + 1 = 0. ]

     另一个复杂的公式: $$J_alpha (x) = sum_{m=0}^{infty}frac{(-1)^m}{m! Gamma (m+alpha + 1)} left( frac{x}{2} ight) ^{2m+alpha}$$

    这里说一下一直弄错的原因,就是我把公式写到“预设格式”里了(应该是“段落”),所以才一直没办法正确显示,果然细节是魔鬼啊。

    2.公式书写

        结合自己的使用经验简单说明一下如何书写数学公式已经一些注意事项。

        其中最重要的是:书写的公式中不要有回车,即使公式太长了,也要等编辑器自动换行。因为如果在书写数学公式的时候回车换行了,整个公式环境就被破坏了,这样MathJax就无法解析显示了。

        如Javascript代码所示,写行内公式可以用 “反斜杠+左小括号   公式  反斜杠+右小括号”或“美元符号  公式  美元符号”,即

    ( e^{pi i} + 1 = 0)      $alpha + eta = 0$

    显示为 ( e^{pi i} + 1 = 0) 和 $alpha + eta = 0$。而行间公式可以用 “反斜杠+左中括号  公式  反斜杠+右中括号” 或 “双美元符号  公式  双美元符号”,即

    [ lim_{n 	o infty} (1+frac{1}{n})^{n} = e]  $$lim_{x 	o 0} frac{sin x}{x} = 1 $$

    显示为:

    [ lim_{n o infty} (1+frac{1}{n})^{n} = e]  $$lim_{x o 0} frac{sin x}{x} = 1 $$

    最后说一下,公式编号的使用,在等式环境下使用“label 这个命令来插入公式编号,引用时用 ef 来引用,具体例子如下:

    egin{equation} label{euler} e^{pi i} + 1 = 0 end{equation}

    egin{equation} label{euler} e^{pi i} + 1 = 0 end{equation}

    欧拉公式如式( ef{euler})所示。

    最后说一下写数学公式的参考:维基百科,或其他相关的LaTex书籍,如《LaTex2e完全学习手册》等。

     
    我的旨在学过的东西不再忘记(主要使用艾宾浩斯遗忘曲线算法及其它智能学习复习算法)的偏公益性质的完全免费的编程视频学习网站: fanrenyi.com;有各种前端、后端、算法、大数据、人工智能等课程。
    博主25岁,前端后端算法大数据人工智能都有兴趣。
    大家有啥都可以加博主联系方式(qq404006308,微信fan404006308)互相交流。工作、生活、心境,可以互相启迪。
    聊技术,交朋友,修心境,qq404006308,微信fan404006308
    26岁,真心找女朋友,非诚勿扰,微信fan404006308,qq404006308
    人工智能群:939687837

    作者相关推荐

  • 相关阅读:
    通用sqlserver分页存储过程
    JSONP解决跨域请求
    laravle框架
    XML作用
    mysql 中的常用查询
    smarty模板技术
    Cookie和Session 会话技术
    正则表达式
    Mongodb常用知识点
    PHP之PDO
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/13446609.html
Copyright © 2020-2023  润新知