[Jekyll/MathJax] MathJax로 수학식 표기

Jekyll에 수학식을 표기하는 방법 중 MathJax를 연동하는 방법이 있다.
MathJax 홈페이지를 보면 웹에서 사용 시 아래 코드를 추가하라고 한다.

<script async src="https://cdn.jsdelivr.net/npm/mathjax@2/MathJax.js?config=TeX-AMS-MML_CHTML"></script>

이 코드를 적절한 위치에 추가하면 되는데, body 끝에 추가하거나 head에 추가하면 된다.

head_scripts를 사용하는 방법(Minimal Mistakes 테마를 사용하는 경우)

1. _config.yml에 head_scripts에 mathjax src를 추가한다.

    head_scripts:
      - "https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML"
   

2. 테스트

       
    $$\sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6}$$
       
   

   \(\sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6}\)

custom-head를 사용하는 방법(Minima, Minimal Mistakes 테마를 사용하는 경우)

1. custom-head.html에 script 추가

   많은 테마들이 _includes/custom-head.html 파일에서 추가적인 커스텀을 가능하게 해두었다.
   custom-head.html에 MathJax를 불러오는 script를 추가한다.

    <!-- _includes/custom-head.html -->
    <script async src="https://cdn.jsdelivr.net/npm/mathjax@2/MathJax.js?config=TeX-AMS-MML_CHTML"></script>
   

2. 테스트

       
    $$\sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6}$$
       
   

   \(\sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6}\)

참고 사이트

• Github로 블로그 만들기 + LaTeX 적용하기