[티스토리] 오류: LaTeX 수식이 제대로 보이지 않을 때 (모바일 포함)

1. Web (웹) 에서 수식 깨짐 현상

현상

1. 티스토리로 수식을 입력 할 때, 어떤 수식은 인코딩이 되고, 어떤 수식은 인코딩 되지 않았다.
2. 인코딩 되는 수식 A를 인코딩 되지 않는 수식 B에 붙여넣고 수식 B로 다시 작성하였을 때 인코딩이 정상적으로 되었다.

 

검색 시 나오는 해결 방안

1. 모바일 버전을 해제하기: LaTeX(라텍스) 문법과 모바일 버전 사이에 충돌이 일어나기 때문에 발생한다고 설명
   ➞ 적용되지 않았음 (+ 라텍스와 모바일 버전 사이의 충돌이 있는지 잘 모르겠음).
2. HTML 모드로 수식 작성하기
   ➞ 가독성이 너무 안좋아서 포기
   

 

내가 발견한 문제의 원인

: 수식을 해당 티스토리 글 내 또는 다른 사이트에서 복사해서 붙여넣을 때 문제가 발생한다. HTML 모드로 들어가서 보면, <span></span>, &nbsp; 이 수식 중간에 삽입되어 있는 것을 확인할 수 있다. 

 

문제 해결 방법

: 수식 중간에 삽입되어있는 <span></span> 을 삭제하면 LaTeX 수식이 정상적으로 인코딩 되는 것을 확인할 수 있다.: &nbsp;를 삭제하면 불필요한 new line (새줄) 을 없앨 수 있다.

 

2. Mobile (모바일) 에서 수식 깨짐 현상

현상

1. 웹에서 LaTeX 수식이 제대로 인코딩 되지만, 모바일에서는 수식이 깨져서 인코딩되지 않는 현상이 발생

 

검색 시 나오는 해결 방안

모든 포스트에 아래의 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>

티스토리 설정에서 서식파일로 저장해서 매 포스트에 사용하면 편하게 사용할 수 있다.

➞ 인라인 수식 ($math$) 은 여전히 깨지는 현상이 발생한다.

: 혹시 해결 방법을 아시는 분은 댓글 부탁드립니다.

 

결과

$$res = c + o + m + p + l + e + t + e$$

The inline code '$inline = \sum_{i}$' works very well.