css - MathJax 方程在 jekyll 中是彩色的

Question

我的 Jekyll 博客上的 MathJax 方程是绿色的。我认为 Alembic 主题中的 CSS 覆盖了 MathJax 方程继承与博文中文本相同颜色的能力。

我试过解决方案 here使用红色来测试它:

即添加到_layout/post.html:

<script type="text/x-mathjax-config">
MathJax.Hub.Config({
  "HTML-CSS": { 
      styles: {".MathJax": {color: "#FF0000 ! important"}} 
      }
});
</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"></script>

这行不通。而且，奇怪的是，当我键入 $$n=7$ 时，n= 部分是绿色的，而 7 部分是红色的。很奇怪。

我的主题是 Alembic 主题的一个分支，是 here .我想知道如何修改 CSS 文件以使 MathJax 能够继承我博客文章中的字体颜色。

Here是一个活生生的例子。

Answer 1

这是由于类名冲突。快速看一下，问题归结为 .mi 和 .mo 语法高亮设置 ( these lines ) 但 MathJax 也在其 HTML-CSS 输出中使用.

您可以解决此问题，例如，从 _syntax.scss 高亮器中删除样式(或将它们限定在包装类(如果可用)中)。

从 MathJax 端，您可以通过添加来解决此问题

.MathJax .mi, .MathJax .mo {
    color: inherit;
}

到你的 CSS。

一个更简单的替代方法可能是使用另一个 MathJax 输出，例如 CommonHTML 输出。