MathJax 方程在 jekyll 中是彩色的

Question

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

我已经尝试了解决方案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 部分是红色的。很奇怪。

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

中的字体颜色

Here 是一个活生生的例子。

Answer 1

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

您可以解决此问题，例如，从 _syntax.scss 荧光笔中删除样式（或将它们限定在包装器 class 中（如果可用）。

在 MathJax 端，您可以通过添加

来解决此问题

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

给你的 CSS.

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

MathJax 方程在 jekyll 中是彩色的

MathJax equations are colored in jekyll

css

jekyll

mathjax