bskyvision$

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

일상/블로그 운영 팁
@2019-04-18 15:56:43

티스토리 에디터가 바뀌면서 기존의 수식편집기가 사라졌다. 포스팅을 하면서 수식을 사용하는 빈도가 많은 나로써는 약간 당황스러웠다. 하지만 오히려 더 좋은 기회가 된 것 같다. 티스토리에서 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 노랑이좋아 @2020.06.20 21:51 신고   댓글주소   수정/삭제   댓글쓰기

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

  5. oo @2020.11.18 23:40   댓글주소   수정/삭제   댓글쓰기

    위에 있는 matrix 코드
    $ A = \begin{bmatrix}
    1 & 2\\
    3 & 4
    \end{bmatrix} $
    이렇게 저도 tistory에서 입력했는데, 이상하게 여러 줄일 때 인식하지 못하는 문제가 발생합니다.
    이에 대해서 아시는 게 있나요? (한 줄로만 이루어진 LaTeX에 대해서는 문제없이 작동합니다.)

    • BlogIcon bskyvision @2020.11.19 02:43 신고   댓글주소   수정/삭제

      한번 html에서 코드를 확인해보시겠어요?? 간간이 %nbsp; 와 같은 특수문자가 들어가서 제대로 수식 반영이 안 되더라고요.ㅜㅎㅎ 그것들 지워주면 아마 제대로 작동할 겁니다.

    • BlogIcon oo @2020.11.19 14:09   댓글주소   수정/삭제

      여러 방식으로 시도해보니, 엔터를 치면 html에서 <p></p>이런게 삽입되어서 인식을 못하는 것 같습니다. 그냥 한 줄로 쭉 이어서 쓰면 출력이 되네요.

    • BlogIcon bskyvision @2020.11.19 14:55 신고   댓글주소   수정/삭제

      그랬군요 ㅎㅎ 그래서 수식을 넣을때는 수식을 다른 편집기에서 완성한 다음에 html 을 열고 넣는게 좋습니다 ㅎㅎ

  6. BlogIcon 기생충 @2020.11.25 09:08   댓글주소   수정/삭제   댓글쓰기

    xa, xb

    밑에첨자 넣는건 어떻게 입력했나요

[1] [···] [13] [14] [15] [16] [17]