티스토리 뷰
MathJax를 이용해 티스토리 블로그에 수식을 넣는 방법을 설명합니다.
MathJax에 대한 자세한 내용은 아래 공식 사이트에서 볼 수 있습니다.
MathJax
Beautiful math in all browsers.
www.mathjax.org
가이드를 보니 아래와 같은 스크립트 문을 작성하면 HTML문서에서 에서 바로 사용할 수 있다고 하네요.
복사해 두겠습니다.
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
게시글 내에 삽입하는 방법도 있지만,
스킨 편집을 통해 전체글에서 영구적으로 사용할 수 있도록 하겠습니다.
먼저 티스토리 블로그 관리창에 들어가 [꾸미기] > [스킨 편집]을 선택합니다.
그럼 다음과 같은 스킨편집창이 켜질 겁니다.
[html 편집]을 선택합니다.
그리고 헤드 태그를 찾아 스크립트 문을 입력해 줍니다.
잘 입력했다면 적용을 눌러 저장합니다.
이제 테스트를 해보겠습니다.
사이트에서 다음과 같은 예시를 들고 있습니다.
그냥 본문에 입력해도 작동하기 때문에 아래 코드를 본문에 넣어보겠습니다.
When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are
\[x = {-b \pm \sqrt{b^2-4ac} \over 2a}.\]
잘 나오는 것을 확인할 수 있습니다.
When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are
\[x = {-b \pm \sqrt{b^2-4ac} \over 2a}.\]
감사합니다.
공부한 내용을 복습/기록하기 위해 작성한 글이므로 내용에 오류가 있을 수 있습니다.
'기타' 카테고리의 다른 글
| 앱디자인 참고자료 (0) | 2022.01.21 |
|---|---|
| 픽셀아트 무료 사이트 추천 - Piskel (0) | 2022.01.20 |
| [CSS] 티스토리 블로그 이미지 테두리 만들기 (0) | 2022.01.04 |
| [CSS] 티스토리 블로그 배경색 바꾸기 + 색상 코드 추출하기 (0) | 2022.01.04 |
| [자격증] 한국사능력검정시험 취득하기 + 개인적인 팁 (0) | 2021.12.30 |