2017년 1월 5일 목요일

자신의 blogger/blogspot에서 수식을 LaTex으로 작성하기 + escaping LaTex special characters (mathjax)

앞선 글에서 얘기했지만 블로그 기반을 정할 때 구글 블로거를 고른 큰 이유 중 하나가 바로 "수식을 작성하기 쉬워야한다"는 점이었다. 내가 공부하는 분야가 수학 수식을 작성할 일이 많은데, 많이 쓰는 블로그 글을 쓸 때도 LaTex으로 수식을 작성할 수 있으면 연습도 되고 작성도 훨씬 편하고 이래저래 좋을 것 같아 기준이 되었다.

그런 면에서 구글 블로거에서는 아래 소스만 제대로 넣어주면 블로그에 일반적인 글쓰기 모드에서 작성하면서 바로 LaTex으로 사용할 수 있기에 아주 편하다.

<script type="text/javascript"src="http://cdn.mathjax.org/mathjax/latest/MathJax.js">
MathJax.Hub.Config({extensions: ["tex2jax.js","TeX/AMSmath.js","TeX/AMSsymbols.js"],
jax: ["input/TeX", "output/HTML-CSS"],
tex2jax: {
inlineMath: [ ['\$','\$'], ["\\(","\\)"] ],
displayMath: [ ['\$\$','\$\$'], ["\\[","\\]"] ],
processEscapes: true
},
"HTML-CSS": { availableFonts: ["TeX"] }
});
</script>
  1. 이 소스코드를 복사해서 
  2. Blogger에 로그인하고
  3. 사이드 바의 템플릿 창에 들어가서 HTML 편집을 누른다.
  4. <head> 부분에 붙여넣기하고 변경사항을 저장하면 끝난다. 
* tex2jax: { ~ 부분에 processEscapes: true} 부분이 들어가지 않으면, \$ 등 특정 문자를 LaTex에서 escape하지 못한다. 보통 dollar sign과 같은 LaTex에서 의미를 지니는 문자를 표기하기 위해서 backslash \를 붙이는데, 내가 해둔 것과 같이 processEscapes: true를 써두지 않으면 이 문법이 먹히지 않고 그저 \\\$ 로만 보이게 된다. (mathjax 관련 내용 링크)



댓글 4개:

  1. 감사합니다. 많이 참고하고 배워가고 있습니다.

    답글삭제
    답글
    1. taecheon님 안녕하세요. 도움이 되셨다니 다행입니다 :)

      삭제
  2. 안녕하세요, 올려주신 코드를 그대로 쓰다가 에러가 나서 고치다가 맨 첫 줄에 에러를 발견했습니다. 저만 그런지 모르겠지마는, 맨 첫줄에 src앞에 띄어쓰기를 해줘야 정상적으로 업데이트가 되네요

    답글삭제
  3. 안녕하세요, 블로거에 수식삽입을 하려고 소스코드를 복사해 넣었는데 안되네요. 다른 블로그에 있는 방식도 다 해봤는데 소용이 없습니다. 혹시 다운받아야 할게 있을까요?

    답글삭제