카테고리 보관물: MathJax/MathML/LaTex

MathJax/MathML/LaTeX 및 WorlPress나 Tistory 관련

MathJax/MathML/LaTex

MarkDown을 사용한 Tistory Blog 작성 가장 쉬운 방법

댓글 남기기

Print Friendly and PDF

HarooPad을 사용한 Tistory Blog 작성 가장 쉬운 방법

HarooPad를 사용할 경우 Markdowㅜ을 통한 Tistory 글쓰기는 다음과 같이 하는 겻이 가장 쉽다.

  1. 하루패드에서 먼저 글을 작성한다.
  2. 작성된 글에 대한 순수 HTML 복사하기를 클릭한다.
  3. 복사된 순수 HTML 을 Tistory 에디터에서 우측 상단의 HTML 을 체크한 뒤 같다 붙인다.
  4. MathJax Script를 HTML 맨 꼭대기 상단에 복사한다. 다음을 복사하면 된다. 
    <script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
  5. 이렇게 하면, 모바일에서나, PC에서나 브라우저를 통해 티스토리 블로그의 수식을 정확히 알아볼 수 있게 된다.

문장에서 수식이 필요한 경우

SKIN / CSS 에서 Script 추가

이러한 경우는 SKIN CSS에 다음을 추가하여 Markdown 에서의 $ mark를 인식할 수 있도록 하면 된다. 

<!DOCTYPE html>
    <html lang="<%= current_language %>">
        <script type="text/x-mathjax-config">
          MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
        </script>
        <script type="text/javascript" 
          src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
        </script>
    <head>
    <meta charset="utf-8" />

MathJax 홈페이지에서는 다음의 script를 권장하고 있으며 2016년 1월 1일 부로 jnwhome에서도 다음 script를 사용하고 있다.

<script type="text/javascript" async
  src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">
</script>

편집기에서 글 마다 추가

이 방법이 가장 확실한 방법이기는 하다. 좀 귀찮아서 그렇지…
위 방법의 경우, 만일 마음에 드는 SKIN 이 있다거나 할 경우에는 매번 SKIN/CSS에 위 Script를 같은 방식으로 가져다 붙여줘야 한다.

하지만 그렇게 하지 않고 Tistory 편집기에서 위의 script 중 핵심적인 부분만 가져다 붙여넣기를 해도 정상적으로 문장내에서 편집된 수식이 있는 티스토리 글을 만들 수 있다.

다음 스크림트를 단순히 HTML 편집기의 가장 위에 가져다 붙인다. 

<script type="text/x-mathjax-config">
   MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
</script>
<script type="text/javascript" 
        src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

다음에 하루패드에서 순수 HTML 복사하기로 몸체 부분만 위에서 언급한 스크립트 적어도 한 칸 뒤에서 붙여넣기를 하면 정확하게 문장내에서도 수식이 있는 블로그가 완성된다.

이 방법은 WordPress 에서도 동일하게 적용된다.