티스토리 블로그 MathJax을 이용한 수식 입력

오랜만에 티스토리로 컴백을 해서 블로그를 시작했다. 블로그 이름을 슬기로운통계생활로 지었고, 동일한 이름의 통계 유튜브 채널의 서브 블로그로 운영을 생각하고 있다.

MathJax을 이용한 수식입력

티스토리 기본 입력기가 업데이트 되었으나, 수식을 많이 사용하는 나에게 수식입력이 기본모드에서 인식이 안되어 짜증이났다. 내가 원하는 수식 입력에는 두 가지 모드가 있는데,

본문 입력 \$ 사인을 이용하여 \$x=y\$ 식으로 입력이 되어야 한다.
디스플레이 입력: 문장과 독립적으로 가운데 정렬로서 입력하는 방법인데, \$\$ 사인을 사용하여 묶어줌으로서 사용하고 싶었다. 예를 들어 \$\$x=y\$\$ 식으로 입력이 되어야 한다.

여기저기 찾아보다가 MathJax Config 설정에 대하여 써놓은 페이지를 발견함. 일단 Rstudio에서 제공하는 MathJax 스크립트와 발견한 페이지를 혼합해서 수식을 넣는 것에 성공함. ~~하지만 이 모든 과정에서 티스토리 기본입력모드가 쓰레기라는 사실을 발견함. 앞으로 어떻게 해야 할 지 생각해봐야겠다.~~

설치 방법

티스토리 스킨 편집으로 들어가서 **html 편집**을 누른 후, "<head>" 태그와 "</head>" 사이에 다음과 같은 코드를 붙여넣자.

<script type="text/x-mathjax-config">
	MathJax.Hub.Config({
    	tex2jax: {
    		inlineMath: [ ['$','$'], ['\\(','\\)'] ],
    		processEscapes: true
		},
		TeX: { equationNumbers: { autoNumber: "AMS" } }
	});
</script>

<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-MML-AM_CHTML'></script>

테스트

다음의 각 경우를 테스트 해 본 결과 일단 내가 생각하던 결과는 나왔다.

인라인 수식

수식을 문장 안에 $x=y$ 삽입해보자.

수식을 문장 안에 $x=y$ 삽입해보자.

디스플레이 수식

문장과 $$xx=y$$ 분리된 수식.

문장과 $$xx=y$$ 분리된 수식.

여러라인이 연결 된 수식

$$  
\begin{aligned}  
x & =1 \\  
y & =x^{2}  
\end{aligned}  
$$

$$
\begin{aligned}
x & =1 \\
y & =x^{2}
\end{aligned}
$$

자동번호 수식

자동번호 수식은 \$\$ 기호 대신에 \begin{equation} 기호를 사용하면, 번호가 달려 나온다.

$$  
\begin{equation}  
d=2  
\end{equation}  
$$

$$
\begin{equation}
d=2
\end{equation}
$$

저작자표시 비영리 변경금지

슬기로운통계생활