블로그에 수식 입력하려면?

     

    블로그에 수식을 넣고 싶다면?

    살다보면 뜻하지 않게, 블로그에 수식을 넣어야 하는 순간이 옵니다. 이럴 때 쓰면 좋은 라이브러리와 설정 방법이 있어 기록해 놓습니다. MathJax를 사용하면 블로그에 수식 입력이 가능해집니다.

    https://github.com/MathJax/MathJax

     

    mathjax/MathJax

    Beautiful and accessible math in all browsers. Contribute to mathjax/MathJax development by creating an account on GitHub.

    github.com

     

    버전 및 호환성 문제

    2020/12월 현재, 3.x 버전도 출시가 되었으나 버전 2.x의 모든 기능이 아직 3.x으로 마이그레이션이 되지 않은 점과 기존과 사용법이 다소 달라진 점 등을 감안하여, 2.x의 안정 버전으로 사용해 보고자 합니다. 작성일 기준, v2.x의 최상위 버전은 2.7.9이므로 이 버전으로 설정합니다.
    http://docs.mathjax.org/en/latest/upgrading/v2.html

     

    Upgrading from v2 to v3 — MathJax 3.1 documentation

    MathJax v3 is a complete rewrite of MathJax from the ground up (see What’s New in MathJax v3.0), and so its internal structure is quite different from that of version 2. That means MathJax v3 is not a drop-in replacement for MathJax v2, and upgrading to

    docs.mathjax.org

     

    블로그에 설정하는 방법은 두 가지

    1. 스킨 편집에 항상 포함하기
      본인의 블로그에 수식이 항상 자주 들어간다면, 이 방법이 더 편할 것입니다. 한번 설정해 놓고 돌아보지 않아도 되니까요. 그런데, 정말 어쩌다 한 번 포스팅할까 말까하다면 불필요한 스크립트를 로딩시켜서 속도를 저하시킬 수도 있을 것입니다.
    2. 필요할 때마다 해당 설정을 복사해서 사용하기
      대안으로, 관련 글을 작성할 때마다 스크립트 부분을 글에 복사하는 방법입니다. 번거로울 수도 있으나, 경제적이라고 봅니다. 당연히 저는 2번입니다. 수식을 쓸 일은 별로 없을 것 같아서요.

     

    반응형

     

    넣어야 하는 공통 설정

     

    설정 방법 1, 스킨에 포함시키기

    스킨편집 > html편집을 누르고, 위의 코드 블럭을 </body> 바로 앞에 넣습니다. 이후, 본문은 기존과 같이 작성합니다.

     

    설정 방법 2, 필요할 때마다 복사해서 사용하기

    편집기 모드를 html 모드로 변경 후, 위의 코드 블럭을 복사해 넣고 본문을 작성합니다.

     

    사용 예

    표기법은 기본적으로 LaTex(논문 쓰셨던 분들은 이미 익숙할 수 있는)와 같이 하면 됩니다.
    https://ko.wikipedia.org/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:TeX_%EB%AC%B8%EB%B2%95

     

    위키백과:TeX 문법 - 위키백과, 우리 모두의 백과사전

    위키백과, 우리 모두의 백과사전. 위키백과에서는 수학 공식을 간편하게 입력하기 위해, TeX 문법을 지원합니다. 이것은 수식이 간단한 경우 HTML로, 복잡한 경우에는 PNG 그림으로 나타납니다. 또

    ko.wikipedia.org

    수식을 기록한 후,

    $ 수식 $

    과 같이 표현해 주면 됩니다. 앞서 말한, 스크립트 설정이 되어 있어야겠죠. 이 글은 2번의 방법을 따라, 글 하단에 스크립트를 개별로 넣어주었습니다.

    • 예1$ \frac{-b\pm\sqrt{b^2-4ac}}{2a} $
    • $ \\frac{-b\\pm\\sqrt{b^2-4ac}}{2a} $
    • 예2$ (a+b)^2 = a^2 + 2ab + b^2 $
    • $ (a+b)^2 = a^2 + 2ab + b^2 $
    • 예3$ x_a + x_b $
    • $ x_a + x_b $

     

    좀 더 편하게 입력하기 위한 방법

    http://www.hostmath.com/

     

    HostMath - Online LaTeX formula editor and browser-based math equation editor

    Copy and paste the code above to your webpage! Equation Type Paragraph Equation Inline Equation

    www.hostmath.com

    와 같은 사이트의 도움을 받으면, 보다 쉽게 수식의 초기 틀을 잡을 수 있을 것 같습니다. 템플릿을 고르고, 수식을 완성한 다음 원하는 표현식에 맞도록 수정하고 블로그로 수식을 옮겨오면 될 것입니다.

     

     

    댓글

    Designed by JB FACTORY