반응형

티스토리는 글에 수식 입력하는 메뉴가 없어서 찾아보다가 나중에 또 볼 거 같아서 정리함.

또한 수식 입력 기능을 지원하는 코드를 스킨의 HTML에 입력하는 구조라서 스킨 틀을 변경하면 다시 입력해야함.

 

1. 아래의 위치로 이동해서 HTML 수정 창을 연다.

[블로그 관리] -> [스킨 편집] -> [HTML 편집] 으로 간다

 

 

2. HTML 코드에서 <head> 아래쪽으로 다음의 코드를 입력한다.

1
2
3
4
5
6
7
<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 문법을 따라서 쓴 코드가 있다면 멋진 수식으로 바꿔준다.

 

 

3. 시험삼아 입력해본다.

아무 수식이나 입력해서 글을 써본다.

내가 쓴 글 중 일부 수식을 가져와봤다. 아래의 텍스트 양 옆에 달러($)를 붙여서 글을 쓰면

 

\cases{R\left( \frac{d\lambda}{dt} \right) = V_T sin (\lambda_t -\lambda) - V_M sin(\gamma_M -\lambda) \hspace{10mm}\cdots (1.a)\\\frac{dR}{dt} = V_T cos(\gamma_T - \lambda) - V_M cos(\gamma_M -\lambda)\hspace{20mm}\cdots (1.b)}

 

다음과 같다.

 

$$\cases{R\left( \frac{d\lambda}{dt} \right) = V_T sin (\lambda_t -\lambda) - V_M sin(\gamma_M -\lambda) \hspace{10mm}\cdots (1.a)\\\frac{dR}{dt} = V_T cos(\gamma_T - \lambda) - V_M cos(\gamma_M -\lambda)\hspace{20mm}\cdots (1.b)}$$

 

 

 

 

다음을 참고하였습니다.

1. bskyvision(심교훈), "티스토리에서 LaTeX 수식 사용하기 (오예~)," https://bskyvision.com/476, 검색일자 2020년 5월 15일.

2. DEEPPLAY, "티스토리 블로그에서 수식 쉽게 쓰기," https://3months.tistory.com/307, 검색일자 2020년 5월 15일.

728x90

+ Recent posts