블로그에 Mathjax 기능 추가

블로그에 Mathjax 기능 추가

Mathjax가 버전이 업데이트되면서 기존 mathjax 기능을 추가하는 가이드의 포스팅들이 다 outdate 되는 경우가 있다.

여러 길을 헤매다가 결론을 내린 방법이다.

“_layouts\default.html” 경로의 파일 상에 맨 아래 아래와 같은 코드를 붙여주면 된다.

<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

Mathjax 및 Tex 문법은 구글링을 하면 잘 나오지만 가벼운 initate를 위한 본인의 몇몇 reference는 아래에 기재하였다.

MathJax로 수식 입력하는 방법 – SASA Math

Jekyll 블로그에 MathJax 수식 사용하기 - tyami’s study blog

The line break(\) is not work · Issue #2312 · mathjax/MathJax (github.com)

(위 커뮤니티 discuss에 따르면 linebreak가 현재 제대로 작동하지 않으므로, 전체 수식 셀에 \displaylines{} 를 적용해주면 해결된다.)

\displaylines{x = a + b \\ y = b + c}