본문 바로가기
정보 & 리뷰/웹 & 모바일

티스토리에서 수식편집하는 법

by 달슬 2020. 5. 29.
반응형

티스토리에서 $x^2$, $\theta_{0}$ 와 같은 수식을 넣어야 할 때가 종종 있습니다.

 

두 가지 방법을 소개할건데요, $ 사용빈도에 따라 편하신 방법으로 사용하시면 되겠습니다.

($ 사이의 문자가 수식으로 인식되므로, 이에 따른 불편함을 얼마나 느끼냐에 따라 선택하시면 됩니다.)

 

1. 모든 게시글에 수식을 넣는 방법 (평상시에 $를 많이 사용 안하는 경우 추천!)

1) 블로그 관리 - 꾸미기 - 스킨편집 선택

2) 스킨편집 - html 편집 선택

3) 아래 코드를 <head> </head> 사이에 삽입 후 적용하면 끝!

 - html가 너무 어려우시면 <head> 바로 밑 또는 </head>바로 위에 삽입하거나, 다른 </script>가 보이신다면 그 바로 아래에 삽입하시면 됩니다.

<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>

4) 이제 $$ 사이에 수식을 집어 넣으면 됩니다.

 

5) 수식 넣을때 사용하면 좋은 사이트 2가지 (수식편집기 사이트)

https://www.codecogs.com/latex/eqneditor.php

 

Online LaTeX Equation Editor - create, integrate and download

Type your equation in this box

www.codecogs.com

http://www.hostmath.com/

 

HostMath - Online LaTeX formula editor and browser-based math equation editor

Copy and paste the code above to your webpage! Equation Type Paragraph Equation Inline Equation

www.hostmath.com

위 두 사이트 중 편한 걸로 사용하면 됩니다.

 

2. 원하는 게시글에 수식을 넣는 방법 (평상시에 $를 사용 자주 사용하는 경우 추천!)

1) 글쓰기 창에서 상단 바의 기본모드 - HTML 모드로 변경

2) 제일 윗줄이나 아랫줄에 아래 사진처럼 코드 삽입(위의 코드와 똑같고, 삽입 위치는 제일 위 or 제일 아래 둘 중 아무 곳이나 상관 없어요!)

<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) 다시 기본 모드로 돌아와서 마찬가지로 $ $ 사이에 수식을 집어 넣으면 됩니다.

반응형

댓글