Tistory에 수식 넣기

MathJax

mathjax를 사용하는 것이 가장 편함.

 

MathJax는 웹 브라우저에서 수학 공식(LaTeX, MathML, AsciiMath)을 깔끔하게 화면에 그려주는 JavaScript 라이브러리임.

1. 주요 역할
   • 수학 공식 렌더링: 복잡한 수식을 이미지 파일로 만들지 않고, 텍스트(코드)만 입력하면 브라우저가 예쁜 수식으로 변환함
   • 웹 표준 지원: 거의 모든 최신 브라우저와 모바일 환경에서 별도의 플러그인 설치 없이 동작 가능.
2.  특징
   • 고품질 출력: 벡터(Vector) 방식의 글꼴을 사용하여 화면을 확대해도 수식이 깨지지 않음.
   • 다양한 입력 방식: 이공계에서 표준으로 쓰는 LaTeX 문법을 그대로 지원.
   • 접근성: 수식 내용을 스크린 리더가 읽을 수 있어 시각 장애인을 위한 웹 접근성도 높아짐.

---

예제

다음의 코드를 템플릿의 </body> 다음에 추가하면 됨.

<script type="text/x-mathjax-config">
    MathJax.Hub.Config({
        tex2jax: {
            inlineMath: [ ['$','$'], ["\\(","\\)"] ],
            processEscapes: true
        }
    });
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-MML-AM_CHTML'></script>

• CDN (Content Delivery Network) 은 지리적으로 멀리 떨어진 사용자에게 이미지, 영상, JS파일 등을 빠르게 전송하기 위해서 전 세계 곳곳에 거점서버를 두는 기술임.
• 위에서 CDN 주소를 복사해 놓으면 가장 가까운 DNC서버에서 MathJax 파일을 가져오게 되어 수식을 랜더링 가능해짐.

---

다음과 같은 $y=\int f(x) dx$ 수식이 잘 보이면 됨.

$$
A=\begin{bmatrix}
1 & 0 & 0 \\
0 & 1 & 0 \\
0 & 0 & 1 \
\end{bmatrix}
$$

---

같이보면 좋은 자료

https://www.mathjax.org/#gettingstarted

MathJax