纯代码添加本地MathJax支持

安装到本机

https://github.com/mathjax/MathJax/archive/master.zip下载源代码, 把内容解压到网站目录内, 比如我解压到xccbk.cn/MathJax/.

访问https://xccbk.cn/MathJax/test测试页面看看是否成功运行.

添加以下代码到head.

<script type="text/x-mathjax-config">
MathJax.Hub.Config({
    showProcessingMessages: false,//去除左下角加载框
    messageStyle: "none",
    extensions: ["tex2jax.js"],
    jax: ["input/TeX", "output/HTML-CSS"],
    tex2jax: {
        inlineMath:  [ ["$latex ", "$"] , ["$", "$"]],//可以自定义行内公式的标识
        displayMath: [ ["$$","$$"] ],//行间公式同理
        skipTags: ['script', 'noscript', 'style', 'textarea', 'pre','code','a'],//不渲染这些标签内的东西
        ignoreClass:"comment-content"
    },
    "HTML-CSS": {
        availableFonts: ["STIX","TeX"],
        showMathMenu: false//不显示右键菜单
    }
});
MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
</script>
<script src="//xccbk.cn/MathJax/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

其它魔改

去掉蓝色边框: 添加CSS.MathJax{outline:0;}

修改字体大小: 添加CSS.MathJax span{font-size:15px;}

赞(0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址