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

이 글에서는 MathJax를 활용하여 티스토리에서 수식을 입력하는 방법에 대해 적어보려 합니다.

1. 설정 방법

방법 1. 티스토리 에디터 HTML 모드에서 Script 입력하기

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

먼저 티스토리 에디터에서 우측 상단 기본모드 라고 되어있는 버튼을 눌러 나오는 메뉴 중에 HTML을 선택하여

HTML 편집 모드로 들어갑니다.

그 다음 위의 script를 입력해줍니다. 그리고 다시 아까와 같은 방법으로 기본편집 모드로 돌아옵니다.

방법 2. Script를 한번 입력해두고 계속 활용하기

나는 수식 입력을 자주해야한다! 수식 입력 빈도가 높다! 하시는 분들은 티스토리 설정에서 한번만 설정하면

별도의 글 작성 시 Script를 입력하지 않아도 계속 활용할 수 있는 방법이 있습니다.

 

티스토리 설정 > 좌측 배너 > 꾸미기 - 스킨 편집 > 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>

위의 Script를 넣어주고 저장을 누르면 됩니다.

2. 잘 동작하는지 테스트 해보기

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

위와 같이 달러 두개 표시 사이에 문법에 맞는 수식을 입력하게 되면 아래와 같이 저장하였을 때 

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

위처럼 수식이 만들어지는 것을 볼 수 있습니다.

3. 수식 쉽게 만드는 페이지

Online LaTeX Equation Editor - create, integrate and download

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

 

읽어주셔서 감사합니다.