Jekyll 테마 Github blog에 MathJax를 이용한 수식 입력 가능하게 하기

Gihub를 이용한 blog는 기본적으로 수식 입력이 불가능하다. (오직 이미지 형태로만 업로드 가능 ㅠㅠ) 그래서 손쉽게 Github상에서 Inline, outline 수식 입력이 가능하도록 해주는 MathJax를 설치했다.

설치방법

Jekyll 테마가 적용된 Github blog에서 /_layouts/post.html에 <article> 바로 위에 아래의 줄을 붙여넣기한다.

    <script type="text/x-mathjax-config">
    MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
    </script>
    <script type="text/javascript" src="http://cdn.mathjax.org/math...">
    </script>

위 스크립트가 적용된 예시는 아래와 같다.

테스트를 위해 아래와 같은 수식을 적어서 포스팅해보자.

$\sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6}$ (Inline 수식용)

$$\sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6}$$ (Outline 수식용)

스크립트가 제대로 설치되었다면 블로그에선 아래의 사진과 같이 수식이 보인다.

사용방법

수식 적용방법은 inline의 경우 $[수식]$, outline의 경우 $$[수식]$$을 이용한다. 문법의 내용은 다음의 사이트들을 참고한다.

• https://en.wikibooks.org/wiki/LaTeX/Mathematics (LaTex docs)
• https://johngrib.github.io/wiki/mathjax-latex/ (간단한 사용예시)
• http://detexify.kirelabs.org/classify.html (모르는 기호를 LaTex 문법으로 맞춰 제안)
• https://latexbase.com/ (온라인 LaTeX 수식 확인 가능 사이트 -상당히 유용!)

• [참고 글]

https://helloworldpark.github.io/jekyll/update/2016/12/18/Github-and-Latex.html