[Blog] 티스토리에서 수식 추가하기

머신러닝, 딥러닝 관련 포스팅을 위해서는 수식이 필요할 때가 종종 있을 것이다.

티스토리에서 쉽게 수식을 추가하는 방법에 대해 포스팅해보겠다.

 

1. 티스토리 스킨 설정

티스토리 설정 -> 스킨 편집 -> 'html 편집' 버튼을 눌러 아래 코드를 head 사이에 붙여넣는다.

 

코드는 아래와 같다.

<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

 

html의 head 사이에 위 코드 두줄을 붙여넣은 모습 

 

이렇게 해두면 앞으로 티스토리에서 수식을 쓸 수 있다. 

 

---

2. Equation Editor 사용해서 수식 만들기

 

이제 수식을 게시물에 넣어보자.

아래 Equation Editor 사이트를 활용하면 자유자재로 원하는 수식을 쉽게 만들 수 있다. 

https://editor.codecogs.com/

Equation Editor for online mathematics - create, integrate and download

아래와 같은 수식 표기를 만들어서 복사했다.

x_{2}^{^{(3)}}

 

---

3. 게시물에 html 형식으로 붙여넣어 게시

티스토리 글쓰기의 HTML블럭을 클릭, $$ 사이에 위에서 복사한 수식을 넣어준다.

$$x_{2}^{^{(3)}}$$

 

그러면 아래와 같이 글을 게시했을 때 완성된 형태를 볼 수 있다!

HTML 삽입시에는 미리보기 할 수 없는 소스라고 표시되기도 하나, 게시시에 확인 가능하므로 문제 없음.

 

$$x_{2}^{^{(3)}}$$

 

 

---

4. 글자 사이에 수식 쓰기 

 

글자 사이 수식을 쓰려면 $$ 대신 \( ... )\로 대체해주면 된다 

이렇게 해주기 : \( h_{\theta}(x) = \theta _{0} + \theta _{1}x \)

이렇게 해주기 : \( h_{\theta}(x) = \theta _{0} + \theta _{1}x \)

 

 

 

 

 

 

 

* 참고 https://devjino.tistory.com/324

[팁] tistory 수학 기호 넣기