MathJax TypeSetting

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输出，但请记住，它是一个不太完整(但更快)的输出处理器，它不需要webfonts (但使用系统拥有的任何Times-like字体)。

因此，遵循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之前加载配置。幸运的是，cf the docs，MathJax可以帮你做到这一点。

将您的配置放入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的组合配置文件-如果您想要返回到完整的输出处理器，这将是有意义的，因为组合配置的打包效率更高。