티스토리에서 수식 입력하는 방법(LaTeX)

 

 

 

 

Javascript로 LaTeX 연결하기

---

티스토리에 글을 작성하다 보면 가끔 수식을 써야할 일이 있는데요, 티스토리에선 자체적으로 수식 기능을 제공하지 않기 때문에 직접 외부 모듈과 연결해야 합니다.

 

연결 방법은 간단한데요, 글쓰기 창에 들어가시면 상단 메뉴 오른쪽에 아래 스크린샷처럼 드롭다운 메뉴가 하나 있습니다. 여기서 HTML을 클릭해주세요.

 

그러면 검은색 창으로 바뀌면서 html 코드가 쭉 뜰텐데, 이 html 코드 맨 첫줄에 아래 script를 붙여넣어주세요.

<script type="text/x-mathjax-config">
MathJax.Hub.Config({
  tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML"></script>

 

이후 다시 글쓰는 창으로 돌아오면, 아래 스크린샷처럼 네모 박스가 두 개 뜹니다. 이 두 박스가 보이면 연결이 잘 된거에요! 아, 그리고 이 두 박스는 방문자에게 보이지 않으니까 신경쓰지 않으셔도 됩니다. (지금 보고계신 제 글에도 스크립트가 적용된 상태인데, 박스는 안보이시죠?)

Javascript 연결 시 뜨는 창

그럼 이제 수식을 한번 입력해보겠습니다.

 

 

LaTeX로 수식 입력하기

---

라텍스에 익숙하지 않은 분들을 위해 아래 몇몇 예시를 가져와봤는데요, 더 다양한 사용 방법을 원하시는 분들은 라텍스 튜토리얼을 참고해주세요.

티스토리에서 라텍스로 수식을 입력하기 위해선 아래 예시 같이 수식 앞뒤를 $로 감싸서 본문에 바로 글을 쓰면 됩니다.

$x_a$, $x_b$ 

$ y = ae^x $

$ A = \begin{bmatrix}
1 & 2\\ 
3 & 4
\end{bmatrix} $

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

$ x = \cfrac{-b \pm \sqrt{b^2 - 4ac} }{2a} $

여기서 $x$ 는 이차방정식의 해이다. 

$ y = \sum_{i = 1}^{10}x_i $

위 라텍스 코드를 본문에 그대로 입력하면 아래와 같이 나옵니다.

 

$x_a$, $x_b$ 

$ y = ae^x $

$ A = \begin{bmatrix} 1 & 2\\ 3 & 4 \end{bmatrix} $

 

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

$ x = \cfrac{-b \pm \sqrt{b^2 - 4ac} }{2a} $

여기서 $x$ 는 이차방정식의 해이다. 

$ y = \sum_{i = 1}^{10}x_i $