원래는 이거 말고 다른 주제로 글을 쓸려고 했는데...MathJax가 저만 말썽인지, 다른 블로그에서 소개한 게 틀린 건지 제대로 안 되는 경우가 있어서 MathJax 사용법을 간단히 올려보려고 합니다.


일단 Tistroy 경우에는 수식을 입력하기 위해서 아래와 같이 수식입력 탭이 있습니다.


실제로 이를 이용하여 수식을 작성하면 이미지로 들어가기 때문에 아래와 같이 조금 못나게 수식이 보입니다. 게다가 이미지이기 때문에 확대하면 계단현상을 볼 수 있죠.


하지만 MathJax를 사용하여 이쁘게 수식을 랜더링하면 아래와 같이 이쁘게 나옵니다. 게다가 맘에 드는 랜더링 설정을 아래 수식을 우클릭해서 고를 수도 있습니다.


$$ \zeta \left( s \right) = \sum_{n=1}^{\infty} {{1 \over {n^s}}} $$


또한 이미지로 글자 사이에 수식을 넣을 때는 아래와 같이 별로 이쁘지 않습니다. 위치 조정하기도 귀찮을 뿐더러, 위치 조정을 해도 다른 글자들과 어울리지 않습니다. (저 같은 경우엔 이미지여서 뭔가 이질감이 느껴집니다.)


이 3 이상의 정수일 때, 을 만족하는 양의 정수 는 존재하지 않는다.


하지만 이것도 MathJax로 작성한다면?!?!


$n$이 3 이상의 정수일 때, $ x^n + y^n = z^n $을 만족하는 양의 정수 $x, y, z$는 존재하지 않는다.


크, 아릅답네요.


이렇게 좋은 MathJax를 쓰려면 아래 코드를 Tistory에서 관리-HTML/CSS 편집에 들어가셔서 HTML 코드에서 <head> 태그 밑에 넣어주시면 됩니다.


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


그리고 수식은 $$ TeX문법 $$(한 줄 전체를 차지하는 수식) 또는 $ TeX문법 $(다른 글자들과 같이 사용할 때)로 넣으시면 됩니다.



'수학, 과학 > 수학 이모저모' 카테고리의 다른 글

최단강하곡선 문제(Brachistochrone Problem)  (0) 2017.06.18
피보나치 수열 일반항 유도  (0) 2017.06.04
회전변환  (0) 2017.06.03
MathJax 사용하기  (0) 2017.05.28

+ Recent posts

티스토리 툴바