[티스토리] 포스트에 수식 넣기

1. Question

이번 포스팅에서 알아볼 것은 티스토리 포스트에 수식을 넣는 방법이다.

티스토리 환경에서는 html 태그로 활성화 할 수 있는 Latex 수식 스크립트가 있다.

 

Latex는 논문이나 수학책을 작성할 때 주로 쓰이는 문서작성 환경이다. 티스토리에서는 Latex의 수식편집 기능만 가져와서 사용하게 된다.

2. Configuration

 

블로그 관리 - 스킨 편집

오른편에 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>

 

넣고난 다음에는 아래와 같은 모습이 된다.

 

이제 적용을 누르고 나와서 포스트를 작성하자.

3. Practice

3.1 Base

티스토리에서 Latex 수식을 적용하려면 '$' 문자를 사용해야한다.

블로그 포스트에 다음과 같이 입력해보자. 그리고 글 쓰기 하단에 "미리보기"를 눌러보자.

$x$

 

그러면 아래와 같이 수학책에서 보는 듯한 x가 적용된다.

$x$

3.2 달러 기호 개수의 차이 

달러기호 1개로 감싸면 문장 중간에 삽입이 된다.

 

e.g.)

질량-에너지 동등성에 대한 방정식은 $E = mc^2$이다.

 

 

달러기호 2개로 감싸면 새 문장으로 삽입이 된다.

 

e.g.)

질량-에너지 동등성에 대한 방정식은 $$E = mc^2$$이다.

 

3.3 첨자

위 첨자는 ^, 아래 첨자는 _를 사용한다.

 

e.g.)

$a^2$
$b_1$

 

$a^2$

$b_1$

 

3.4 그 외에 수식기호

Latex의 문법은 여기서 다 쓸 수 없을 정도로 매우 방대하다.

위키피디아에는 Latex의 문법을 보기좋게 정리해놓은 문서가 있다. 참고하자.

 

https://ko.wikipedia.org/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:TeX_%EB%AC%B8%EB%B2%95

위키백과:TeX 문법 - 위키백과, 우리 모두의 백과사전

4. QnA

4.1 Q : 아래와 같이 수식이 깨집니다.

$\therefo a = 5$

 

A: 잘못된 문법을 사용했습니다. \뒤에 붙는 명령어를 정확하게 입력해주세요, 또한 각 명령어 사이에는 항상 공백으로 띄어주면 실수를 줄이는데 도움이 됩니다.

 

4.2 Q : 문법은 완벽한데 아래와 같이 나옵니다.

$a_1 + a_2 + a_3 = 6$

 

A: 혹시 반복된 내용이라서 복붙하셨나요? 스크립트 문제로 달러기호 내에서는 복사-붙여넣기를 쓸 수 없답니다. 이럴 때는 달러로 감싸진 부분 전체를 메모장에 옮겼다가 다시 붙여넣어주세요. 정상적으로 돌아온답니다.

 

4.3 Q : 모바일에서 적용이 안됩니다.

 

A : 블로그 관리 - 모바일 - 티스토리 모바일웹 자동 연결을 사용하지 않습니다. 로 설정해주세요.