티스토리(tistory) 모바일에서 LaTex 수식 깨짐 해결

수학 공부한 내용을 정리하거나, 논문 리뷰할 때 수식이 많이 나와 LaTex을 이용해서 블로그에 정리를 하곤 한다.

그런데 pc버전은 아무 문제가 없는데, 모바일 버전에서는 아래와 같이 내가 쓴 LaTex수식이 변환이 안되고 그대로 나와서 문제를 해결해보고자 했다.

먼저, 여러 블로그를 참고해보니 아래와 같은 솔루션을 제공했다.

먼저, 서식 관리에 들어간다.

서식 쓰기 누르고,

제목은 대충 아무거나 짓고,

<p data-ke-size="size16">
    <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
    <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
</p>

를 넣으면 된다.

결과는 다음과 같다.

그리고 완료를 누르게 되면, 아래처럼 서식이 생긴다.

이제  변환을 원하는 페이지마다 들어가서 수정을 누르고,

서식에 들어가서 작성한 서식을 눌러주면,

이렇게 상단에 script가 두 개 생긴다.

그리고 수정을 완료하면 된다.

---

근데 여기서!! 모바일에서 다 업데이트가 될 수도 있고, 안 될 수도 있는데,

나 같은 경우에는 아래처럼 inline Latex이 적용이 안됐다.

필자의 경우 script에서 한 줄을 더 넣어 아래와 같은 script를 서식에다 만들어주니

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

아래처럼 깔끔하게 변환이 되었다..!

어느 블로그에도 이런 방법을 알려주는 곳은 없었는데.. 내 티스토리 셋팅이 이상한 건가 싶기도 했다..

그래도 무사히 해결해서 다행.