[꿀팁] 모바일에서 LaTeX 수식 깨지지 않게 하는 법

LaTex를 이용해서 열심히 수식을 적고 포스팅을 하면, 모바일에서 와장창 깨지곤 했다. 

그럴 때마다 마음이 너무 아팠는데, 방법을 드디어 찾았다 😁

 

아래 이미지에서 형광색으로 표시한 부분을 해결하고 싶었고..! 

 

 

모바일에서 내가 쓴 LaTex 문법이 그대로 보이는 모습..

 

아래처럼, 정상적으로 보이도록 수정하였다. 정말 차이가 크다..! 

수식이 정상적으로 표시되는 모습!

 

 

방법은 간단하다. 티스토리 관리화면 들어가서 "서식 관리" 화면으로 이동한 후, HTML 서식을 하나 등록하면 된다. 

그리고 우측 상단의 "서식 쓰기"를 클릭한다. 

서식 관리 화면으로 이동

 

그리고 우측 상단을 클릭하여 "기본모드"를 HTML로 변경한다. 

우측 상단 버튼을 클릭하여 HTML로 변경

 

그리고 아래 HTML 코드를 붙여넣고, 제목을 작성한다. 제목은 무엇이든 상관 없다. 

<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>

HTML 서식 생성

 

이렇게 생성한 서식을 포스팅마다 불러오면 끝!! 

아래처럼 포스팅 작성 시 불러오면 된다. 수정 중에는 위에 텍스트 상자가 떠 있지만, 웹이나 모바일에서는 안보인다😊

 

서식 버튼을 클릭하고,

생성했던 mathjax mobile 서식을 선택한다.

그럼 이렇게 수정 중에는 텍스트 박스가 떠 있지만, 포스팅을 발행한 후에는 안보인다.

 

 

---

속이 너무 시원해서, 방법이 적용되자마자 후다닥 포스팅하여 공유한다. 

혹시 같은 어려움을 겪고 있는 다른 분들께도 도움이 되길...  그리고 모바일로 나의 글을 읽는 분들도 좀 더 편안하길..! 

 

그리고 해당 방법을 공유해주신 아래 티스토리 블로거 분께 무한 감사를 드립니다. 👏👏👏

https://aliencoder.tistory.com/47