MathJax 类型设置

Question

我将 MathJax 用于我的个人博客（使用 Jekyll 托管在 Github 上）。

我注意到刷新页面时MathJax方程闪烁，字体本来比较小，看起来很细，不到半秒后，它会刷新并变得更粗。

与粗体版本相比，我认为我更喜欢细字体样式和更小的方程式（与文本内联的效果更好），所以我尝试配置它但失败了。这是我现在正在查看的文档：http://docs.mathjax.org/en/latest/options/output-processors/HTML-CSS.html#configure-html-css

这是我的设置不起作用：

 <script type="text/x-mathjax-config"> 
    MathJax.Hub.Config({
      tex2jax: {
        inlineMath: [['$','$'], ['\\(','\\)']],
        displayMath: [['$$','$$']],
        processEscapes: true,
        skipTags: ["script","noscript","style","textarea"],
        preferredFont: "TeX",
        scale: 90,
        EqnChunkFactor: 1,
        EqnChunk: 1,
        EqnChunkDelay: 10
      }
    });
    </script>
    <script
      type="text/javascript"
      charset="utf-8"
      src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
    </script>
    <script
      type="text/javascript"
      charset="utf-8"
      src="https://vincenttam.github.io/javascripts/MathJaxLocal.js">
    </script>

在旁注中，我也有这个烦人的错误消息MathJaxLocal.js:1 Uncaught ReferenceError: MathJax is not defined。

如果有人回答这个问题，将不胜感激！

Answer 1

你问的是两个完全不同的问题，但还是让我把它们总结一下。

闪烁

“闪烁”（可能）是 PreviewHTML 输出 )docs)。这可能令人惊讶，但因为您正在加载的组合配置文件 (TeX-AMS-MML_HTMLorMML) MathJax 将首先运行 PreviewHTML 输出，然后是 HTML-CSS 输出（参见 the combined config docs 和 fastpreview extension docs。

您可以像手动使用任何其他输出一样使用 PreviewHTML 输出，但请记住，它是一个不太完整（但速度更快）的输出处理器，它不需要网络字体（但使用系统具有的任何类似 Times 的字体）。

所以跟随configuration docs，类似

  MathJax.Hub.Config({
    messageStyle: "none",
    extensions: ["tex2jax.js"],
    jax: ["input/TeX", "output/PreviewHTML"],
    tex2jax: {
      inlineMath: [ ['$','$'], ["\\(","\\)"] ],
      displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
      processEscapes: true
      skipTags: ["script","noscript","style","textarea"]
    }
    TeX: { 
    // whatever is in MathJaxlocal.js
    }
  });

MathJax 未定义

该错误是由于页面上的所有脚本都是异步加载的。 MathJaxlocal.js 很可能会在 MathJax.js 之前加载和执行（因为它在同一个域上）。

您需要确保在 MathJax 之前加载配置。幸运的是，MathJax 可以为您做到这一点，参见 the docs。

将您的配置放入 MathJaxLocal.js 中，然后仅加载

<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=https://vincenttam.github.io/javascripts/MathJaxLocal.js"></script>

请参阅有关如何添加其他配置文件的链接，包括来自 CDN 的组合文件 - 如果您想返回到完整的输出处理器，这将是有意义的，因为组合配置的打包效率更高。