본문 바로가기
자유로운 이야기

티스토리 수식 첨부 방법

by Kaya_Alpha 2022. 11. 9.

 

 

글을 작성할 때 수식을 쓸 일이 많아져서 이참에 다른 블로그들을 참고해서 정리하였다.

1. 게시글 HTML 수정하기 (일회용)

아래 코드를 복사한 뒤, '기본모드' 에서 'HTML'로 변경해준다.

<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로 변경!

변경하게 되면 아래와 같이 지금까지 작성한 글이 HTML 양식에 맞게 변형되어 있는데,이때 위에서 복사한 코드를 제일 위쪽에  아래 그림과 같이 붙여넣어준다.

복사한 코드를 HTML모드에서 붙여넣기 한 모습

2. 티스토리 스킨 HTML을 수정 (영구)

위 방법은 글을 쓸 때마다 설정해주어야 하는것 같다. 수식을 자주 쓰는 사람이라면 한번 해두는게 여러모로 편하기 때문에 이 방법을 추천한다.

우선 다시 아래 코드를 복사한다.

<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 편집을 누르게 되면 HTML 코드가 보이게 된다.

 

HTML 편집으로 입장

아까 복사해두었던 코드를 <head> 태그 사이에 붙여넣어준 뒤, 적용을 해 준다.

그러면 \\( 와 \\) 사이에 LaTex 수식을 넣으면 적용이 된다.

 

예를들어 아래와 같이 수식을 작성하게 되면

\( h_t = z_t \odot h_{t-1} + (1-z_t)\odot \tilde h_t \)

\(h_t = z_t \odot h_{t-1} + (1-z_t)\odot \tilde h_t \)

 

위처럼 보이게 된다.

다른 방법으로는 \$$ 와 \$$ 사이에 수식을 넣는 방법도 있는데, 이 방법을 사용하면 다음과 같이 보인다.

$$h_t = z_t \odot h_{t-1} + (1-z_t)\odot \tilde h_t $$

$$h_t = z_t \odot h_{t-1} + (1-z_t)\odot \tilde h_t $$

 

보이는대로 가운데 정렬이 되어서 보이게 되며, 사실 \\( 와 \\) 사이에 수식을 쓰고 위의 메뉴바에서 가운데 정렬을 시켜줘도 똑같이 적용되기 때문에 본인이 편한 쪽을 사용하면 된다.

메뉴바에서 가운데 정렬을 이용

 

 

[Reference]

1. somjang.tistory.com

2. astrocosmos.tistory.com