MathJax로 수학식 표현하기
MathJax를 사용하면, 수학식을 표현할 수 있습니다. 물론 Jekyll에서 에서도 사용이 가능합니다.
Jekyll에 MathJax 적용하기
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> 태그 아래 부분에 아래 내용을 추가합니다.
<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>
MathJax 사용하기
수학식을 표현할 포스트의 앞 부분에 mathjax: true 를 추가합니다.
---
title: "MathJax로 수학식 표현하기"
tags:
- MathJax
- Jekyll
mathjax: true
---
MathJax를 이용한 수학 표현 예제
$...$를 이용한 인라인 수식 표현
This formula $f(x) = x^2$ is an example.
This formula $f(x) = x^2$ is an example
$$...$$를 이용한 블럭 수식 표현
$$
\begin{align*}
P(Y=1|X=\overrightarrow { x } )=&{ \beta }_{ 0 }+{ \beta }_{ 1 }{ x }_{ 1 }+{ \beta }_{ 2 }{ x }_{ 2 }+...+{ \beta }_{ p }{ x }_{ p }\\=&{ \overrightarrow { \beta } }^{ T }\overrightarrow { x }
\end{align*}
$$