티스토리 뷰
수학이나 과학을 하는 사람들이면 책과 논문에 있는 아름다운 수식을 보면서 HWP의 그것에 부족함을 느꼈을 것이다. 이 수식들은 Donald Knuth가 만든 조판 프로그램인 $\TeX{}$로 만든 것이다. 처음에는 문법이 익숙하지 않을 수 있지만 조금만 사용하다 보면 어느새 푹 빠져있는 자신을 발견할 수 있을 것이다. 각설하고 이 기념비적인 첫 번째 글은 티스토리에서 어떻게 수식을 조판하는지에 대해서 작성할 것이다.
MathJax는 JavaScript로 작성된 라이브러리로 MathML이나 LaTeX와 같은 마크업 언어로 작성된 수식을 웹 브라우저에서 렌더링 해준다.
사용법은 간단하다. HTML 헤더(header)에 다음의 코드를 삽입하면 끝난다.
<!-- MathJax Begin -->
<script type="text/javascript" id="MathJax-script" async
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.0.0/es5/latest?tex-mml-chtml.js">
</script>
<script>
MathJax = {
tex: {
inlineMath: [['$', '$'], ['\\(', '\\)']]
}
};
</script>
<script id="MathJax-script" async
src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js">
</script>
<!-- MathJax End -->
HTML의 헤더는와로 싸여있는 부분이다.
티스토리 블로그의 경우에는 "블로그관리 홈 > 꾸미기 > 스킨 편집 > html 편집"에서 수정할 수 있다. 모바일에서 수식이 로딩되지 않는다면 모바일웹 자동 연결을 끄면 된다.
이제 다음과 같은 멋진 수식이 출력된다!
\[ m^2 c^4 = E^2 - p^2 c^2 \]
2020/02/14 기준으로 작성된 글입니다.
MaxhJax Documentation을 참고했습니다.
댓글