[Github Blog] Jekyll Minimal Mistakes 테마에서 MathJax를 이용한 수식 입력하기
업데이트:
MathJax를 사용한 수식 적용 방법은 다음과 같다.
Markdown 엔진 변경
_config.yml
# Conversion
markdown: kramdown
highlighter: rouge
lsi: false
excerpt_separator: "\n\n"
incremental: false
mathjax_support.html 파일 생성
_includes 폴더에 mathjax_support.html 파일을 생성한 후 아래의 코드를 복사한다.
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
TeX: {
equationNumbers: {
autoNumber: "AMS"
}
},
tex2jax: {
inlineMath: [ ['$', '$'] ],
displayMath: [ ['$$', '$$'] ],
processEscapes: true
}
});
MathJax.Hub.Register.MessageHook("Math Processing Error",function (message) {
alert("Math Processing Error: "+message[1]);
});
MathJax.Hub.Register.MessageHook("TeX Jax - parse error",function (message) {
alert("Math Processing Error: "+message[1]);
});
</script>
<script type="text/javascript" async
src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
layouts/default.html 파일의 <head> 부분에 아래의 코드를 넣어 mathjax_support.html 파일이 포함될 수 있도록 변경한다.
포스트의 상단에 use_math : true를 기입한다.
use_math: true
위와 같은 일반적인 방법에서도 수식이 적용되지 않는 경우에는 _includes/script.html 파일에 아래의 코드를 추가한다.
<script type="text/javascript" async
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML">
</script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
extensions: ["tex2jax.js"],
jax: ["input/TeX", "output/HTML-CSS"],
tex2jax: {
inlineMath: [ ['$','$'], ["\\(","\\)"] ],
displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
processEscapes: true
},
"HTML-CSS": { availableFonts: ["TeX"] }
});
</script>
댓글남기기