Dev/etc

Tistory블로그에 수식 입력하는 법

NillK 2016. 7. 20. 01:07

요즘 Coursera에서 Machine Learning 강의를 듣고 있다. 보통 강의를 들으면서 강의 내용을 대강 내가 이해할 수 있는 정도로 메모를 해두는 편이고, 이왕이면 정리해서 블로그에 올리는 게 낫겠다 싶어 컴퓨터로 작성하는 중인데


  1. 생각보다 수식이 많다.
  2. 그럼에도 수식 작성이 쉽지 않다.

고작 한주차 듣고 이제 2주째 접어드는 데 이런 어려움이 나타났다. 그래서 tistory 수식 작성 이라고 검색하니 예상외로 꽤 많은 글이 나왔다. 그래서 블로그에 적용해보았다. 주로 MathJax를 이용한 방법이었는데, 알고보니 이게 LaTeX문법과 거의 같다고 한다. 논문 쓸 때 많이 사용한다는 이야기만 들었지 한 번도 써보진 않았는데, 이 참에 배워보기로 결심.

적용하는 방법은 꽤 쉽다. tistory 블로그의 관리 > HTMl/CSS 편집 > html 탭 의 head태그 안에 아래와 같은 스크립트를 작성한다. 첫번째는 MathJax 스크립트 자체를 불러오는 코드이고, 두번째는 원래 inline 수식은 \( 로 구분지어야 하는데(즉, \(수식\)) 그걸 $수식$ 으로 사용할 수 있게 해준다는 것 같다. 나야 뭐 원래 LaTeX를 안 썼으니, 뭐로 써도 상관 없지만 이왕이면 들어본 것 기준으로 익히고 싶어서 입력했다.

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

하면! 될까?

$y = ax + b$


와우! 된다! 아, 대신 블로그에 $ 로 둘러싼 글을 입력할 수 없다는 단점이 있는데, 이럴 때는 각 $기호를 span 태그로 감싸니 원하는 대로 표시되었다.


1 2 3 4 5 6 7 ··· 13