개요

머신러닝 공부를 하며 복잡한 수식을 블로그에 기술할 일이있어 워드프레스에서 수학기호를 입력하는 방법을 찾아보고 정리한다.

header.php 수정하기

/워드프레스경로/wp-content/themes/테마이름/header.php에 아래의 내용을 삽입한다.

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

ATOM 환경에서 개발환경 셋팅

필자는 마크다운 작성시 ATOM으로 사용한다. 이 때 플러그인으로 markdown-preview-enhanced을 쓰는데 옵션을 통해 편리하게도 MathJax 렌더링을 지원해준다.
이때 아래와 같이 플러그인 setting에서 아래와 같이 설정해주면 사용에 큰 무리가 없었다.(사실 더 꼼꼼히 옵션 설정을 들여다 보진 않았다.)

샘플수식

아래와 같이 입력하면 수학기호로 변환된다.

$ ax^2 + bx + c = 0 $
$ x = \frac{-b \pm \sqrt{b^2-4ac}}{2a} $

$ ax^2 + bx + c = 0 $

$ x = \frac{-b \pm \sqrt{b^2-4ac}}{2a} $

참고자료