Thursday, January 22, 2015

MathJax를 사용하기로 하다.

엊그제만 해도 Codecogs를 사용하기로 마음 먹었건만, 일일이 이미지를 불러오는 것이 싫어서 아예 MathJax에서 제공하는 코드를 블로그 헤더에 삽입하였다.

방법은 다음과 같다.
1. MathJax CDN을 사용하기 위해 다음의 코드를 복사한다.
<script type="text/javascript"
  src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
2. HTML 편집\(\rightarrow\) </head> 앞에 코드를 삽입한다.












3. 문장 안에서 수식을 입력할 때는 \(
\backslash(\)으로 열고 \(\backslash)
\)로 닫는다. 문장 밖에서 수식을 입력할 때는 \(
$$
\)로 열고 닫으면 된다.
예를 들어 문장 안에서는 \(
e^{+} + e^{-} \rightarrow \mu^{+} + \mu^{-}
\)를 입력하고, 문장 밖에서는 $$
e^{+} + e^{-} \rightarrow \mu^{+} + \mu^{-}
$$를 입력하면 된다.

아직은 Tex 사용이 익숙치 않아서 위의 문장을 다음과 같이 입력했다.
3. 문장 안에서 수식을 입력할 때는 \(\backslash(\backslash\)backslash\((\backslash)\)으로 열고 \(\backslash(\backslash\)backslash\()\backslash)\)로 닫는다. 문장 밖에서 수식을 입력할 때는 \(\backslash($$\backslash)\)로 열고 닫으면 된다.
예를 들어 문장 안에서는 \(
\backslash(\)e^{+} + e^{-} \rightarrow \mu^{+} + \mu^{-}\(\backslash)
\)를 입력하고, 문장 밖에서는 \($$\)e^{+} + e^{-} \rightarrow \mu^{+} + \mu^{-}\($$\)를 입력하면 된다.

또 HTML과 관련해서는 문장 중 </head>가 표시되지 않기 때문에
&lt\(;\)/head&gt\(;\)로 입력하였다.

수식 입력하는 실력이 처음이라 형편 없다. 많이 찾아보고 입력해보면 나아지겠지.

갈 길이 멀다!

6 comments:

  1. 와우! 무슨소리인지 잘 모르겠어ㅋㅋㅋ 블로그 하는 것도 쉬운일이 아니었구나 무작정 따라했는데ㅋㅋㅋㅋㅋ난 드디어 핵물리 끝내고 입자 보는 중이야.ㅋㅋ

    ReplyDelete
    Replies
    1. HTML 편집은 뭐야?? 어디로 들어가야 되지?ㅋㅋ

      Delete
    2. ㅋㅋ나도 하나도 몰라서 하나하나 배워가는 중이다~ 초등학교 때 HTML 가르쳐줄 때 열심히 배울걸 그랬다. HTML 편집하려면 블로그 옵션에서 탬플릿 항 들어가면 HTML 편집 기능이 있다. 여튼 웹에서 이런 것들 검색하면 자세히 나오네~ 수식은 LaTex이랑 문법이 같은데 이것도 결국 공부하게 되네 ㅋㅋㅋ
      나중에는 파인만 다이어그램 등등 피규어 그리는 방법 공부해야지

      Delete
  2. 저.... 넥스트제너레이션씨 hey! 저기... 블로그 맨 위에 댓글 나타내게 하는거 어떻게 하나요? 가젯 추가 하려고 했는데 댓글 표시하는 가젯이 엄써요...Help!

    ReplyDelete
  3. ㄷㄷ이거 보통 네이버 블로그 꾸미는거랑 차원이 다른거 같은데..구글 블로그만의 현학적인 특징인거니 아니면 너가 코딩기술을 가미해서 더 완벽한 블로그를 만드는 과정인거니..

    ReplyDelete
    Replies
    1. 티스토리, 구글 등이 자유도가 높은 것 같음!

      Delete