티스토리(mathjax) 수식 서식 설정

우선 티스토리 html 편집에 들어가 다음의 코드를 복붙한다.

MathJax 3으로 LaTeX 지원하기

MathJax 3으로 LaTeX 지원하기

기본적으로 2~8줄은 생략해도 되나, 수식 서식을 조절하려면 저 부분에 해당하는 무언가가 필요하다.

 

그래서 뭘 봐야하냐.. 우선 자신이 어떤 component를 이용하여 포맷팅하는지 확인해야한다.

Combined Components — MathJax 3.2 documentation 

저 포스팅에서는 tex-mml-chtml을 사용한 것으로, input으로 tex나 mathML을 받아 chtml(commonhtml)로 output을 출력하는 component를 사용한 것이다. 그럼 이에 해당하는 것을 찾아 서식을 조절해야한다. 즉 tex, mathML, chtml에서 먹히는 option을 찾아 써야만 한다. 엉뚱하게 svg 옵션을 긁어다가 넣으면 작동 안한다.

 

블로그 포스팅할 때는 물론이고 대개의 경우 tex로 입력할 것이므로 tex 옵션과 chtml 옵션만 보면 된다.

tex의 경우,

TeX Input Processor Options — MathJax 3.2 documentation 

과 이 글 하단( TeX Input Processor Options — MathJax 3.2 documentation )에 링크된 여러 옵션들을 보면 된다.

 

chtml의 경우, 

https://docs.mathjax.org/en/latest/web/components/output.html 

중에서 CommonHTML Output Processor Options — MathJax 3.2 documentation 를 보고, 이 글 하단의 Output Processor Options — MathJax 3.2 documentation 까지 보면 된다.

 

보다보면 window.MathJax = { ... 로 시작하는 것도 있던데 이건 뭔지 모르겠다. Input Components — MathJax 3.2 documentation 이거 관련된거 같긴 한데.

 

참고로 mathjax 3과 2는 큰 차이가 있으니 자신의 버전을 꼭 확인하자. 인터넷에 검색하면 과반이 mathjax 2에 해당하는 글이다. 

또, how to change font size · Issue #3185 · mathjax/MathJax 에 따르면 mathjax 3에서부턴 css를 건드려 서식을 조작하는 게 권장되지 않는 모양이다. 덕분에 Modifying the MathJax size · quarto-dev/quarto-cli · Discussion #2392 · GitHub 같은 글은 참고하지 못하게 되었다..