MathJax 方程在 jekyll 中是彩色的答案

【问题标题】：MathJax equations are colored in jekyllMathJax 方程在 jekyll 中是彩色的
【发布时间】：2017-10-08 19:09:27
【问题描述】：

我的 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 是一个活生生的例子。

【问题讨论】：

您可能想分享一个展示问题的现场示例。
@PeterKrautzberger 我在最后添加了一个实例。

标签： css jekyll mathjax

【解决方案1】：

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

您可以解决此问题，例如，从 _syntax.scss 荧光笔中删除样式（或将其范围限定为包装类（如果可用））。

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

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

到您的 CSS。

更简单的选择可能是使用另一个 MathJax 输出，例如 CommonHTML 输出。

【讨论】：