기타/블로그
티스토리 블로그에 수식 넣기 (with LaTeX)
Curio-city
2022. 9. 17. 18:52
반응형
필요에 따라 블로그에 수식을 넣어야 할 경우가 생깁니다.
티스토리 블로그는 코드 블록은 넣을 수 있지만, 수식 기능을 기본으로 지원하지 않습니다.
그래서 레이텍(LaTeX)이라는 수식 전용 문법으로 직접 넣어줘야 합니다. (라텍스 아니고 레이택이라고 읽습니다.)
레이택(LaTeX) 문법을 활용하기 위해서는 아래의 간단한 작업이 필요합니다.
블로그가 문법을 알아들을 수 있도록 하는 작업이라고 보시면 됩니다.
티스토리 블로그 스킨에 자바스크립트 코드 넣기
1. 블로그 관리 페이지에 들어갑니다.
2. 왼쪽 탭에 [꾸미기] - [스킨 편집]을 클릭합니다.
3. [스킨 편집] 화면에서 [html 편집]을 클릭합니다. 아래의 빨간 네모 박스 부분을 클릭하시면 됩니다.
4. [HTML]에서 <head>와 </head> 사이에 아래의 코드를 복사해서 넣어주고 [적용] 버튼을 누릅니다.
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML"></script>복사해서 넣어주면 아래의 상태처럼 되어야 합니다.
빨간 네모로 감싸져 있는 영역이 복사해서 붙여 넣은 영역입니다.
수식 넣어보기
수식의 시작과 끝은 '$', 즉 달러표시입니다.
'$$'로 감싸면 가운데 정렬까지 알아서 해줍니다.
한번 보시죠.
위와 같이 글을 작성하면, 당장에는 보이지 않지만
미리보기로 확인하면,
다음과 같이 수식의 형태로 잘 입력되었음을 알 수 있습니다.
다른 복잡한 수식을 입력하는 방법도 알고 싶을 때는, 구글에 'LaTeX 문법'이라고 검색해보시면 좋겠습니다.
반응형