Data Science/Trouble Shooting

티스토리 수식 입력 방법, LaTeX 잘 안될 때 해결방법

dev-js 2024. 10. 19. 23:41
728x90

 

티스토리 수식 입력 방법

 

1. 아래 코드 복사

<script type="text/x-mathjax-config">
 MathJax.Hub.Config({ tex2jax: {inlineMath: [['$','$'], ['\((','\))']]} }); 
</script>
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML">
</script>

 

여기서 중요한 점은 두 번째 줄에서 { inlineMath: [['$','$'], ['\((','\))']] } 부분에서 쌍 괄호로 되어있는 문자열을 담고 있어야 한다.

그렇지 않으면 글에 있는 모든 괄호가 수식으로 인식하게 된다.

 

 

 

 

2. [블로그 관리] → [스킨 편집] → [html 편집]

 

 

위 화면에서 오른쪽 상단의 html 편집을 클릭한다

 

 

 

 

3. html 코드 헤더 안에 복사한 코드를 추가한다

 

위 코드 처럼 코드 상단에 <head> </head> 태그 내에 위에 복사한 코드를 붙여넣는다.

나중에 수정하기 용이하도록 주석 표시로 해당 코드를 설명해놓았다.

 

과정을 마친 후 적용하기 클릭!!

이러면 티스토리 내 설정은 끝난다.

 

이후 글을 적을 때 수식을 추가할 때의 과정이다.

 

 

 

4. LaTeX 에서 티스토리에 인식 가능한 수식으로 변환

 

https://editor.codecogs.com/

 

Equation Editor for online mathematics - create, integrate and download

Download svg gif png pdf emf 5 pt 9 pt 10 pt 12 pt 18 pt 20 pt 50 80 100 110 120 150 200 300 Transparent White Black Red Green Blue Inline Block WordPress phpBB Tiny Wiki url url encoded xml pre doxygen html latex Formatted string containing your Equation

editor.codecogs.com

 

여기서 위 칸에 원하는 수식을 입력하면 된다

만약 아래와 같은 수식을 입력하고 싶다고 할 때,

 

1. 변환된 수식을 복사한다.

 

 

2. 티스토리 글 쓰기에서 식을 다음과 같이 적는다.

 

 

식을 다음과 같이

 

사이에 넣어주면 왼쪽 정렬된 수식을 만들 수 있다.

 

적을 때 : 

 

미리보기에서 확인 : 

$ V_{k+1}(s) = \sum_{a}^{}\pi (a|s)\sum_{s', r}^{}p(s', r|s, a)[r+\gamma V_{k}(s')] $

 

 

식을 다음과 같이

 

사이에 넣어주면 가운데 정렬된 수식을 만들 수 있다.

 

적을 때 : 

 

미리보기에서 확인 : 

$$ V_{k+1}(s) = \sum_{a}^{}\pi (a|s)\sum_{s', r}^{}p(s', r|s, a)[r+\gamma V_{k}(s')] $$

 

 

 

LaTeX 적용 안될 때

 

가끔씩 LaTeX가 적용되지 않을 때가 있다.

여러 경우의 수가 있는데 한번 알아보자

 

 

1. 이미 변환된 수식 한 줄을 모두 복사/붙여넣기 할 때

 

말 그대로 LaTeX에서 변환하지 않고 이미 변환된 식을 재사용해 복사/붙여넣기 할 때 가끔씩 되지 않을때가 있다.

그럴때는 그냥 수식을 LaTeX에 다시 붙여넣기 한 후 변환된 똑같은 식을 다시 복사 / 티스토리에 붙여넣기 하면 된다.

중요한 점은 LaTeX에서 복사한 변환된 수식만 인식될 수 있다는 점이다!

 

 

2. $ 특수문자를 다른 줄에서 붙여넣기 할 때

 

$ 특수문자는 붙여넣기로 글을 작성해서는 왠만해서는 안됐던거 같다.

$ 까지 적은 후 수식을 복사하고,

다시 타이핑으로 $ 을 치는것을 권장한다.

 

 

3. html 코드 잘못 입력

 

코드가 헤더 태그에 들어가 있지 않거나 잘못된 코드를 붙여넣기 했을 가능성이 있으므로 다시 한번 코드를 확인해보자.

 

 

 

728x90