블로그 모바일에서 수식 나오게 하는 법 (MathJax)

개요

모바일에서 내 블로그 구경좀 하려니까 공들여 쓴 수식들이 제대로 안나오고 Latex 문법만으로 나왔다.

기존에 스킨편집을 이용한 것으로는 모바일 페이지(/m)에서 수식이 제대로 구현이 안되는 것 같다.(블로그 수식 입력) 따라서 모바일에서도 수식이 올바르게 나오게 하기 위해서는 MathJax를 사용한 방법이 필요했다.

---

방법

1. 모바일에서도 수식을 확인할 수 있는 script를 서식으로 작성
2. 글 작성시 해당 서식 삽입

1. 서식작성
1-1.블로그 관리탭에서 '콘텐츠 - 서식관리'로 들어가서 서식쓰기를 클릭한다.

 

1-2. 서식에서 기본모드를 HTML 작성모드로 변경 후, 다음 Script를 복사-붙여넣기하고 저장한다. 제목은 아무거나 해도 상관없다.

<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 클릭 후 스크립트 복붙

 

2.글 작성시 서식 삽입
2-1. 글 작성 또는 수정시 메뉴 탭에서 '더보기 메뉴 - 서식' 클릭하면 이때까지 작성한 서식을 볼 수 있다.

 

 2-2. 작성한 서식을 클릭하면 글 초반부에 다음과 같이 스크립트가 적용이 되고 저장하면 끝.

---

결과

(좌) 전 (우) 후

(뿌듯)

이 글 출처:https://aliencoder.tistory.com/47

티스토리 모바일에서 수학기호 나오게 하는 법 (with MathJax)