-
티스토리 블로그에 수식 넣는 두 가지 방법 (MathJax, CodeCogs)공유/티스토리 블로그팁 2021. 6. 15. 01:12반응형
티스토리 블로그에 수식을 넣고싶을 때가 있을거에요. 아래와 같은 두 가지 방법이 있는데요, 각각 장단점이 있기 때문에 원하시는 번호로 가셔서 방법을 보시면 됩니다. 개인적인 추천은 둘 다 적절하게 섞어서 쓰는겁니다.
1. LaTeX로 직접 입력 (MathJax 이용):
- 번거롭지 않게 입력 가능함
- 페이지 열 때 마다 매번 컴파일됨 (수식이 느리게 뜸)
- 스킨의 head 부분에 코드를 넣어줘야 함 (아래 코드 있습니다)
2. LaTeX로 입력한 수식을 그림으로 삽입 (CodeCogs 이용):
- 로딩이 비교적 빠름
- 수식 그림 삽입이 번거로움
1. LaTeX로 직접 입력
수식이 느리게 뜬다는 단점이 있지만 블로그 포스팅 (제일 첫 부분이 아닌) 중간 부분에 한 두개 들어가는 수식이라면 직접 입력을 해도 큰 문제는 없겠죠. 특히 글 중간에 들어가는 변수나 작은 표현들을 전부 그림으로 삽입하는 것은 번거롭기도 하고 또 정렬도 쉽지 않으니까요.
티스토리 블로그에서 LaTeX로 수식을 입력하시려면 동일하게 $를 쓰시면 됩니다만,
티스토리 블로그는 HTML이기 떄문에, 블로그에 LaTeX를 이용할 수 있게끔 MathJax코드를 넣어주셔야 합니다.
블로그 관리-꾸미기-스킨편집에 가셔서 html 편집에서 <head>와 </head> 사이에 아래의 코드를 넣어주세요.
<script type="text/x-mathjax-config"> MathJax.Hub.Config({ tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]} }); </script> <script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>이렇게 넣으시고 나면 LaTeX에서와 동일하게 달러 기호$나 일반괄호 \( \)를 이용해서 문장 속에 (inline) 수식을 넣으실 수도 있고요, 달러기호 두개 $$나 백슬래쉬 꺾인 괄호 \[ \]를 이용해서 수식을 새 줄에 따로 쓰실 수도 있습니다.
LaTeX에서 수식을 입력하는 방법을 더 알고싶으시면 제 다른 포스팅을 참고해주세요.
LaTeX 수식 기본: https://forestunit.tistory.com/24
LaTeX 수식 디스플레이 스타일로 바꾸기: https://forestunit.tistory.com/29
2. LaTeX로 입력한 수식을 그림으로 삽입
제가 예전에 LaTeX 수식 입력하는 방법에서 알려드린 사이트를 다시 소개해 드릴게요.
https://www.codecogs.com/latex/eqneditor.php
이 사이트의 장점 중에 하나가 수식을 쉽게 편집할 수 있다는 것, 그리고 미리보기가 나온다는 건데요. 그 미리보기를 다운 받으셔서 블로그에 삽입하시면 됩니다. 하나 하나 다운 받는 것이 너무 번거롭다면, 프린트 스크린을 해서 본문에 ctrl+v로 붙여넣으시고 그림의 원하시는 부분만 편집하시면 좀 더 간단합니다.
반응형'공유 > 티스토리 블로그팁' 카테고리의 다른 글
초간단 티스토리 구글 노출시키기 (플러그인 이용) (11) 2021.07.23 구글 애드센스 승인 후 티스토리에 구글 광고 다는 법 + 광고 안나오는 오류 고치는 법 (8) 2021.07.16 구글 애드센스 승인 후기 - 티스토리 블로그로 돈 벌기 (0) 2021.06.15 초간단! 티스토리 블로그에 주석 다는 방법 (0) 2021.05.21 티스토리 구글 노출시키기 (사이트맵 couldn't fetch 고치는 법 포함) (0) 2021.05.21