티스토리에서 LaTeX 수식 사용하기 (오예~)

일상/블로그, 티스토리|2019. 4. 18. 15:56

티스토리 에디터가 바뀌면서 기존의 수식편집기가 사라졌다. 포스팅을 하면서 수식을 사용하는 빈도가 많은 나로써는 약간 당황스러웠다. 하지만 오히려 더 좋은 기회가 된 것 같다. 티스토리에서 LaTeX 수식을 쓸 수 있는 방법을 찾았기 때문이다. 

 

방법은 간단하다. html 모드를 열고 아래의 코드를 복사해서 붙여넣어 주기만 하면 된다. 

 

1
2
3
4
5
6
<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>
cs

 

다시 기본모드 편집창으로 돌아와서 이제 LaTeX 수식을 작성하면 된다. 여러가지 수식을 만들어보겠다. 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$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$ 는 이차방정식의 해이다. 
 
$ \begin{align*}
&= (x + y)^2\\ 
 &= x^2 + 2xy + y^2
\end{align*} $
 
$ y = \sum_{i = 1}^{10}x_i $
cs

 

작성 후 글을 저장해보면 아래와 같이 출력됨을 확인할 수 있을 것이다. 

 

$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$는 이차방정식의 해이다.

 

$ \begin{align*}
z &= (x + y)^2\\ 
 &= x^2 + 2xy + y^2
\end{align*} $

 

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

 

LaTeX 수식을 만든 후 시작과 끝을 $으로 묶어주면 된다. 매우 간단하지 않은가?! 

 

참고로 LaTeX 수식을 만드는 것은 이 사이트를 이용하면 편하게 만들 수 있다. 

https://www.codecogs.com/latex/eqneditor.php

 

Online LaTeX Equation Editor - create, integrate and download

Type your equation in this box

www.codecogs.com

 

<참고자료>

[1] https://m.blog.naver.com/PostView.nhn?blogId=psh951120&logNo=221491106060&targetKeyword=&targetRecommendationCode=1, Henry Wonder "html에서 latex 사용하는 법: mathjax"

 

 

  1. BlogIcon 코코넛냠냠 2019.04.19 00:00 신고 댓글주소  수정/삭제  댓글쓰기

    블로그에서 이렇게 해서 수식을 적는 거였군요. 유용하게 쓸 수 있겠는데요. 꿀팁 고마워요~

  2. Antonio Shin 2020.02.02 01:50 댓글주소  수정/삭제  댓글쓰기

    함 누르고 갑니다

  3. BlogIcon 저기... 2020.02.27 03:22 댓글주소  수정/삭제  댓글쓰기

    모바일에서 깨져보이는 현상은 어떻게 고치신건가요? ㅜㅜ

  4. BlogIcon jw0229 2020.04.04 18:28 신고 댓글주소  수정/삭제  댓글쓰기

    잘보고갑니다

  5. BlogIcon 노랑이좋아 2020.06.20 21:51 신고 댓글주소  수정/삭제  댓글쓰기

    좋은 정보 감사합니다! 혹시 latex의 추가package를 쓰고 싶은데 감이럴 경우 어떻게 하시는지 아시나요?? ㅠㅠ