MathJax方程在jekyll中着色

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

我曾尝试用红色来测试它的解决方案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是一个生动的例子。

来源

2017-10-08 Cokes

您可能想分享一个展示该问题的实例。 –

@PeterKrautzberger我在最后添加了一个实例。 – Cokes

这是由于类名的冲突。从快速的样子可以看出，问题归结为.mi和.mo，语法突出显示器设置了（these lines），但MathJax也在其HTML-CSS输出中使用。

您可以通过例如从_syntax.scss荧光笔中删除样式（或将它们定向到包装类（如果可用））来解决此问题。

从MathJax结束时，你可以通过添加

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

你的CSS解决此。

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

来源

2017-10-10 13:03:44

MathJax方程在jekyll中着色

回答

相关问题