수학 / 물리 관련 글을 올리기 위해서 수학 공식을 올릴 만한 방법을 찾고 있었다.
공식마다 다른 프로그램을 이용하고 이미지를 생성해서 올리는 거 보다 그냥 글로써 올릴 수 있으면 좋겠다 생각하고 검색을 해보니
LaTex라고 하는 문서 생성을 위한 문법이 있다는 것을 알게되었고 이를 구현해놓은 mathjax를 블로그할때 연결해주면 된다는 것을 알게되었다.
어떻게 적용하면 되는지 간단하게 정리해본다.
일단 여기에 접속해보자.
Getting Started에 들어가보면 간단한 설명과 함께 아래와 스크립트 주소가 적혀있다.
<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-MML-AM_CHTML'></script>
CDN에 올라와 있는 것이기 때문에 위 주소의 스크립트를 연결만 해놓으면 스크립트 코드를 다운 받아서 연결하지 않아도 적용할 수 있다!
적용방법
관리자 - HTML/CSS 편집에 들어간다.
복잡한 HTML 코드들이 적혀있지만 우리가 봐야할 부분은 <head></head> 태그이다.
<head></head> 태그 안에 다음 보라색 박스와 같이 <script></script> 태그로 연결시켜주면 끝이다.
async를 넣어두면 비동기적으로 스크립트를 로딩하는 것일 것이다. (일단 해당 스크립트가 로딩이 안되도 넘어가고 완료되면 적용하는 느낌?)
비동기니까 아마도 그러겠지... 하여튼
간단한 사용 방법은 아래와 같다.
단락은 $$로 감싼다.
$$ \cos\theta^2 + \sin\theta^2 = 1$$
문장은 \()\로 감싼다.
LaTex 문법은 LaTex 문법 을 참고하자.
HTML 모드로 켜지 않고 적용할 수 있어서 좋은 것 같다.
하지만 제대로 적용되었는지 보기위해서 미리보기를 눌러봐야 하는 것은 조금 아쉽다.
VS Code와 같은 편집기로 할 수 있는 방법이 있나 조사해봐야겠다.
'유틸리티' 카테고리의 다른 글
| 크롬 확장 프로그램 추천 (0) | 2017.12.12 |
|---|---|
| 티스토리 블로그에 Code Highlight 적용하기 (0) | 2017.12.10 |
| 32bit 윈도우에서 2GB 이상 메모리 사용하기 (0) | 2017.10.27 |
| iTerm2 (0) | 2015.09.17 |
| ConEmu (0) | 2015.02.03 |
