티스토리에 수식 입력하기 (Latex)

티스토리에도 Latex 같이 수식을 편하게 입력할 수 있을까? 하는 생각에 검색해봤는데 역시나 있었다.

이곳과 이곳을 참고해서 블로그에 Latex처럼 수식을 입력하는법을 알아보았다.

 

방법은 다음과 같다.

먼저

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

위의 코드를 복사한다.

 

그 후,

블로그 관리에서 꾸미기-스킨 편집 

블로그관리 페이지에서 꾸미기-스킨 편집 으로 들어간다.

 

그럼 다음과 같은 스킨편집 창이 나오게 된다

html 편집 클릭.

여기서 html 편집을 클릭한다.

 

 

 

 

 

html 편집 창.

뭐가뭔지 모르는 코드가 적혀있는 html 편집창이 나오면 맨 처음 복사한 코드를 위에다가 입력한다.

 

 

 

 

Latex 수식 입력을 위한 코드를 붙여넣기 한다.

위와같이 코드를 입력 한 후 적용을 누른다!!

그러면 이제 Latex 수식을 입력 가능하다.

 

 

 

참고로 수식은 $\$~\$$ 의 중간에 입력하면 된다. 

 

예를들어 $\$~\$ $ 사이에 각각 다음의 수식을 입력한다면, (맨 마지막 예시처럼 $\$\$$  $\$\$$ 사이에 입력한다면 수식이 화면 중간에 나타난다.)

$x=1$

$y = x^2 + 2x +1 = (x+1)^2 $

$\Pr(\mathbf{X}>0)$

$\mathbb{E}[\mathbf{X}^2]$

$\frac{2x+1}{3y-1} = 1$

$\mathcal{S} \subset \mathcal{X}$

$2\times 2$ matrix 의 inverse가 존재한다면 다음과같다: 
$$\begin{bmatrix}
a & b \\
c & d
\end{bmatrix}^{-1} =
\frac{1}{ad-bc} 
\begin{bmatrix}
d & -b \\
-c & a
\end{bmatrix}
$$

이와같이 깔끔하게 수식이 나온다.

 

Latex 만든사람 최고!!👍