세상 정말 좋아졌다는 생각이 든다. MathJax라는 라이브러리인데, 클라이언트 브라우저에서 LaTeX 구문을 해석하여 수식을 Rendering 해준다. 우선 스킨 편집 메뉴에서 다음 코드를 넣으면 된다 (홈페이지 참조).
<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>Inline 수식은 \\( \LaTeX \\)처럼 입력할 수 있다.
한 줄을 차지하는 수식은 \\[ \LaTeX \\]을 입력하면 된다.
예시
Inline 수식은 \(\LaTeX\)처럼 입력할 수 있다.
\[\LaTeX\]
\[ \int_D ({\nabla\cdot} F)dV=\int_{\partial D} F\cdot ndS \]
모바일에서 긴 수식이 제대로 표시되지 않을 때
html, body { margin: 0; padding: 0; background-color: #f1f1f1; overflow-x: auto; }처음에는 rendering 방식을 chtml대신에 svg로 하면 이미지처럼 처리되어 크기가 조절될 줄 알았는데 아니었다. 스킨에서 overflow-x가 hidden으로 되어 있어 스크롤바가 비활성화된 것이므로, overflow-x를 auto로 변경하면 된다. 그러나 크기가 조절되는 방식은 아니라 바깥쪽으로 넘어가는 것을 볼 수 있다. parent container의 너비에 맞게 조절하는 건 아직 어떻게 하는지 모르겠다.