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输出。

MathJax方程在jekyll中着色

1 个答案: