[Tistory] MathJax: LaTeX를 이용해서 티스토리 블로그에 수식 추가하기

💡 본 문서는 '티스토리에서 수식 입력하는 방법!' 포스팅을 바탕으로 작성한 글이며,
이 글에서는 MathJax를 활용하여 티스토리에서 수식을 입력하는 방법에 대해 적어두었으니 참고하시기 바랍니다.

1. 티스토리에서 MathJax 환경설정 (feat. 스킨 편집)

티스토리 설정 > 좌측 배너 > 꾸미기 - 스킨 편집 > HTML 편집 으로 이동하신 다음에 head 태그 사이에 다음의 스크립트를 적어줍니다.

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

2. LaTeX 문을 이용하여 수식 작성하기

$$ K_{p}e(t)+K_{i}​\int_{0}^{t}​e(t)dt+K_{d}​\frac{de}{dt} $$

위와 같이 달러 두개 표시 사이에 문법에 맞는 수식을 입력하게 되면 아래와 같이 저장하였을 때 아래와 같이 수식이 만들어지는 것을 볼 수 있습니다.

$$ K_{p}e(t)+K_{i}​\int_{0}^{t}​e(t)dt+K_{d}​\frac{de}{dt} $$

3. 수식 쉽게 만드는 페이지(Online LaTeX Equation Editor)

Online LaTeX Equation Editor - create, integrate and download

위의 페이지로 가시면 보다 쉽게 수식을 작성하실 수 있습니다.