티스토리 글에 수학 수식 입력하기 (MathJax, LaTeX)

기술블로그를 목표로 티스토리 글 작성을 시작하다보니 자연스럽게 수학 공식을 써야 하는 필요가 생겼다. 

구글링을 하면 여러 방법이 나오지만 내가 바로 찾을 수 있도록 정리해두려고 한다.

 

MathJax 라이브러리 이용하기

MathJax는 MathML, LaTeX 및 ASCIIMathML 마크 업을 사용하여 웹 브라우저에 수학 표기법을 표시하는 크로스 브라우저 JavaScript 라이브러리이다. MathJax는 아파치 라이선스에 따라 오픈 소스 소프트웨어로 제공된다. (출처 : 위키백과)

 

1. 설정 방법

(1) 티스토리 설정 > 좌측 배너 > 꾸미기 - 스킨 편집 > HTML 편집 으로 이동

(2) 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. 동작 테스트

에디터에 아래처럼 문법에 맞는 수식을 입력해본다.

$$ x=\frac{-b+\sqrt{b^{2}-4ac}}{2a} $$

글 작성 완료 버튼을 누른 후 해당 글 조회 시 아래처럼 수식이 예쁘게 나타나는 것을 확인할 수 있다!!!

(편집 모드가 아닌, [글보기] 모드에서만 수식이 보인다.)

$$ x=\frac{-b+\sqrt{b^{2}-4ac}}{2a} $$

 

3. 수식 생성해주는 사이트

수식 작성이 익숙하지 않다면 아래 사이트에서 조금 더 간편하게 수식을 생성할 수 있다.

Equation Editor for online mathematics - create, integrate and download

이렇게 생겼다.

 

 

---

Reference

티스토리에서 수식 입력하는 방법!