application.hack

티스토리 수식 입력 방법 (기본편)

조브 2025. 1. 6. 20:54

 

 

 

 

 

 

티스토리에서 Latex를 이용하여 수식을 표시하는 방법에 대해서 알아보겠습니다. (MathJax를 cdn서버를 통해서 사용)

 

 

1. 우선 아래의 HTML 코드를 복사합니다.

<script>
MathJax = {
  tex: {
    inlineMath: [['$', '$'], ['\\(', '\\)']]
  }
};
</script>
<script id="MathJax-script" async
  src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js">
</script>

https://docs.mathjax.org/en/latest/web/start.html

 

 

 

 

 

2. 블로그 관리 홈에서 꾸미기 탭스킨편집 버튼을 클릭합니다.

 

 

 

 

 

 

3. html 편집 버튼을 클릭합니다.

 

 

 

 

 

 

4. 아래와 같이 <head> </head> 사이에 코드를 붙여 넣고 적용을 눌러주면 끝입니다.

 

 

 

 

 

 

5. 추가로 모바일에서도 수식이 깨지지 않고 표시되게 하려면,

 

글쓰기를 할 때 HTML모드를 선택하고

 

 

 

 

모든 글마다 복사한 코드를 붙여 넣으면 됩니다. (서식으로 만들어서 사용하는 방법도 있습니다)

 

 

코드 입력 후 다시 기본모드로 변경하면 아래와 같이 SCRIPT가 입력됩니다. 그다음부터 글을 작성하면 됩니다.

 

 

 


 

 

 

수입 입력의 사용법은 \$   \$ 기호 사이에 Latex 문법으로 된 수식을 사용하면 됩니다. 

 

문장 중에서 수식사용(인라인 함수) 시에는 \$ 기호를 사용하며,

 

일반적인 수식 입력(가운데 정렬) 시 \$\$기호를 사용합니다.

 

 

아래에 간단한 사용 예를 들어 보았습니다.

입력 예 표시 예
\$ x^n + y^n = z^n \$ $ x^n + y^n = z^n $
\$ x=\frac{-b\pm \sqrt{b^2-4ac}}{2a} \$ $x=\frac{-b\pm \sqrt{b^2-4ac}}{2a}$
\$\$ \sigma = \sqrt\frac{\sum{(X-\mu)^2}}{N} \$\$ $$ \sigma = \sqrt\frac{\sum{(X-\mu)^2}}{N} $$

https://www.overleaf.com/learn/latex/Mathematical_expressions