티스토리 편집기의 우측 상단에 있는 HTML 체크박스를 체크하고,

<tex>\frac{\mathrm{d} }{\mathrm{d} } e^x = e^x</tex>

를 입력하면 티스토리 블로그에는 도함수 공식
\frac{\mathrm{d} }{\mathrm{d} x} e^x = e^x
이 표시됩니다.




<tex>\int e^x \, dx = e^x + C</tex>

를 입력하면 티스토리 블로그에는 적분 공식
\int e^x \, dx = e^x + C
가 표시됩니다.


단, 주의 할 것은 수식 부분의 입력과 수정은 반드시 티스토리 편집기의 우측 상단에 있는 HTML 체크박스를 체크하여 HTML 보면서 작업해여 합니다. (편집기에서는 수식을 볼 수 없고 블로그로 가야 수식이 제대로 보입니다.)
왜 그러는지 모르겠지만, 티스토리의 편집기가 소문자 태그 <tex> 와 </tex> 를 대문자 태그 <TEX> 와 </TEX> 로 바꾸어 버리네요. 이것이 조금 불편합니다. (웹 표준에 어긋나는데....)

문장 중에 수식을 포함하기 위해 수식의 크기를 작게 하려면 tex 태그 대신에 stex 태그를 사용하여

<stex>\frac{\mathrm{d} }{\mathrm{d} } e^x = e^x</stex> 와 <stex>\int e^x \, dx = e^x + C</stex>

를 입력하면, 티스토리 블로그에는
\frac{\mathrm{d} }{\mathrm{d} x} e^x = e^x\int e^x \, dx = e^x + C
로 표시됩니다.


※ 위와 같이 티스토리 블로그에 수식이 표현되게 할려면 티스토리 블로그 주인장은 무엇을 해야 할까요? 답은 아주 간단합니다. 스킨 편집에서 HTML/CSS 편집에 가서 <head> 태그와 </head> 태그 사이에 딱 한 줄

<script type="text/javascript" src="http://www.ezsolver.co.kr/mathtex_tag.js"></script>

만 넣어 주면 됩니다.

일반 html 문서에도 (웹서버에 올려진 html 문서이든 로컬에서 작업중인 html 문서이든 상관없이) 저 딱 한 줄만 head 태그 영역 안에 넣어 주면 tex 태그와 stex 태그를 사용할 수 있습니다. 일반 태그처럼 tex 태그와 stex 태그에도 id 명이나 class 명을 옵션으로 줄 수도 있고, 스타일을 적용할 수 있습니다. 또한 tex 태그와 stex 태그는 jQuery 와도 잘 동작합니다. IE6 이상, Safari, FireFox, Chrome 에서도 tex 태그와 stex 태그가 잘 동작함을 확인하였습니다. 모바일 웹에서도 물론 잘 동작합니다.



Posted by Scripter

댓글을 달아 주세요

  1. 궁상 2012.07.05 22:33  댓글주소  수정/삭제  댓글쓰기

    큰 도움이 되었습니다. 블로그를 시작해보려고 알아보는 중인데, 워드프레스와 티스토리가 괜찮은 것 같더라고요. 라텍스가 입력된다면 티스토리도 제게 좋은 장소일것 같습니다!

  2. Seldon 2012.08.21 16:36 신고  댓글주소  수정/삭제  댓글쓰기

    도움이 되었습니다. 좋은 정보 고맙습니다.