MathJax

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> 부분에 아래 내용 삽입

<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>

YAML front-matter 설정

  • 수학식을 표시할 포스트의 front-matter에 use_math: true 적용
---
layout: post
title: "Jekyll+Latex"
date: 2021-06-28 08:34:00 -0400
categories: jekyll
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}}
$$
\[\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}}\] 
 테마의 문제인지 안된다. $$ 대신 $ 로 바꾸면된다

$ \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}} $

참고 사이트

Jekyll Github 블로그에 MathJax로 수학식 표시하기: https://mkkim85.github.io/blog-apply-mathjax-to-jekyll-and-github-pages/