MathJax方程式はジキルで着色されています

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です。 MathJaxがブログの投稿でフォントの色を継承できるようにCSSファイルを変更する方法が不思議です。

Hereが実際の例です。

Answer 1

これはクラッシュするクラス名によるものです。クイックルックでは、問題は.miと.moになり、構文ハイライト設定（these lines）ではMathJaxもHTML-CSS出力で使用されます。

_syntax.scssハイライターからスタイルを削除する（または、可能であればラッパークラスにスコーピングする）ことで、この問題を回避できます。

MathJax端から、あなたのCSSに

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

を追加することでこの問題を回避できます。

もっと簡単な代替方法は、別のMathJax出力、たとえばCommonHTML出力を使用することです。