MathJax 방정식은 지킬로 색칠되어 있습니다.

Question

제 지닐 블로그의 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 출력)을 사용하는 것일 수 있습니다.