본문 바로가기

블로그 시작하기

MathJax 3으로 LaTeX 지원하기

<!-- MathJax 3 start -->
<script>
MathJax = {
  tex: {
    inlineMath: [['$', '$'], ['\\(', '\\)']]
  }
};
</script>
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
<!-- MathJax 3 end -->

관리 - 꾸미기 - 스킨 편집으로 들어간 후 html 편집을 누르고 위 코드를 <head></head> 사이 아무 곳에나 끼워넣는다.

2~8줄\$로 inline math를 넣을 수 있게 하는 코드다.

9줄은 옛날 브라우저들을 지원하기 위한 코드다.

10줄은 MathJax 3를 불러오는 코드다. 항상 최신 버전을 불러온다.

 

성공했다면 LaTeX처럼 \$로 둘러싸서 inline math를 넣을 수 있고 \$\$로 둘러싸서 display math를 넣을 수 있다.

예를 들어 $F_n = F_{n-1} + F_{n-2}$는 $F_n = F_{n-1} + F_{n-2}$로 보이고,

$$C_{n+1} = \sum_{i+j=n} C_i C_j$$는 다음 수식처럼 보인다.

$$C_{n+1} = \sum_{i+j=n} C_i C_j$$

 

이때 그냥 달러 기호를 넣을 수 없다는 문제점이 생기는데, \$처럼 백슬래시(\\)를 넣으면 된다.

백슬래시도 마찬가지로 \\처럼 백슬래시를 하나 더 넣어주면 된다.

 

MathJax 3는 LaTeX처럼 매크로를 정의할 수 있다는 장점이 있다. 아래 코드처럼 받는 인자가 없을 경우 매크로만, 받는 인자가 있을 경우 매크로와 인자 수를 정의하면 된다.


<script>
MathJax = {
  tex: {
    macros: {
      RR: "{\\bf R}",
      bold: ["{\\bf #1}", 1]
    }
  }
};
</script>

'블로그 시작하기' 카테고리의 다른 글

Prism으로 syntax highlighting 지원하기  (0) 2021.01.29