티스토리 블로그 수식 넣는 방법 / 블로그에 수식 삽입하는 방법

블로그를 운영하다보면 수식을 입력해야 하는 경우가 생기게 됩니다. 그래서 이번 포스팅은 티스토리 블로그에 수식을 입력하는 방법에 대해서 설명 드리겠습니다. 크게 두 가지 방법이 있는데, 하나는 HTML 모드에서 수식을 직접 작성하는 방법이고, 다른 하나는 Latex를 적용하여 기본모드에서 수식을 입력하는 방법입니다. 둘 중 Latex를 이용하여 수식을 삽입하는 방법이 문법만 알면 쉽고 간편하게 사용할 수 있기때문에 이 방법으로 알려드리겠습니다. 

 

먼저, 티스토리 블로그 관리자 페이지에 들어가줍니다. 화면 왼쪽에 꾸미기 → 스킨 편집으로 들어가주세요.

 

 

 

오른쪽 상단에 있는 html 편집을 눌러줍니다.

 

 

 

 

html 편집 창에 </head> 아래에 다음 코드를 넣어줍니다.

 

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

 

 

적용을 눌러주시면 끝입니다.

 

 

 

 

 

그런 다음, 블로그 글쓰기로 돌아와서 수식 입력이 잘 되는지 확인해봅시다. 수식의 앞뒤에 $$로 묶어주시면 됩니다. 예를 들어서, 아래와 같이 써주시면 됩니다.

 

 

 

 

글쓰기 저장을 하고 난 후에 확인해보시면 아래와 같이 잘 입력이 된 것을 확인할 수 있습니다.

 

 

$x^2 + y^2 = 1$

 

 

 

몇 개의 수식을 더 작성해보겠습니다. 

 

 

블로그 에디터 창에서 위와 같이 작성하게 되면 아래와 같이 보이게 됩니다. 

 

 

$3tan(u) = x + C$

 

$v(s) = E[R_{t+1} + \gamma v(S_{t+1}) | S_t = s]$

 

$y_{n+1} = y_n + hf(x_n, y_n)$

 

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

 

 

아래에는 Latex 수식을 자동으로 변환해주는 사이트 링크를 걸어두겠습니다. 직관적으로 확인할 수 있기때문에 참고하시면 좋습니다. 

 

www.hostmath.com/

HostMath - Online LaTeX formula editor and browser-based math equation editor