Jekyll Github 블로그에 MathJax로 수학식 표시하기
MathJax
MathJax를 사용하면 Jekyll Github 블로그에서 수학식 표시 가능
MathJax 적용 방법
마크다운 엔진 변경
_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> 부분에 아래 내용 삽입
{% if page.use_math %}
{% include mathjax_support.html %}
{% endif %}
YAML front-matter 설정
수학식을 표시할 포스트의 front-matter에 use_math: true 적용
---
title: "Jekyll Github 블로그에 MathJax로 수학식 표시하기"
tags:
- Blog
- MathJax
- Jekyll
- LaTeX
use_math: true
---
MathJax를 통한 수학식 표현의 예
$...$를 활용한 인라인 수식 표현
This formula $f(x) = x^2$ is an example.
This formula $f(x) = x^2$ is an example.
$$...$$를 활용한 수식 표현
$$
\lim_{x\to 0}{\frac{e^x-1}{2x}}
\overset{\left[\frac{0}{0}\right]}{\underset{\mathrm{H}}{=}}
\lim_{x\to 0}{\frac{e^x}{2}}={\frac{1}{2}}
$$
댓글남기기