Math Jax 사용 방법
블로그 포스팅을 하다 수학 기호 입력이 필요한 경우가 생겼습니다.
Tistory에서는 따로 수식 입력기를 지원하지 않아 다음과 같은 방법을 찾아보았습니다.
수식을 입력하기 위해 MathJax를 이용하려고 합니다.
Math Jax공식 사이트
MathJax
Beautiful math in all browsers.
www.mathjax.org
mathjax 사용을 위한 script 코드 입력
블로그 관리 홈에서 꾸미기에 보시면 스킨 편집이 있습니다. 새창으로 열어줍니다.
새창의 오른쪽 위에 아래와 같은 스킨 관련 박스에서 html 편집 버튼을 클릭합니다.
html탭에서 <head>와 </head>사이에 아래 코드를 붙여 넣어주고 저장하시면 됩니다.
<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>
수식 입력 방법
script코드를 html편집기에 입력을 했으면 글쓰기 할 때 이제 문법에 맞게 입력하면 수식을 입력할 수 있습니다.
$$ x=\frac{-b+\sqrt{b^{2}-4ac}}{2a} $$$ 기호를 이용해 위 문구를 입력하면 근의 공식이 전체 줄을 차지하며 표시됩니다.
$$ x=\frac{-b+\sqrt{b^{2}-4ac}}{2a} $$
그리고 아래 방식처럼 양옆에 \( 기호를 이용하여 아래와 같이 앞뒤로 넣으면
\( x=\frac{-b+\sqrt{b^{2}-4ac}}{2a} \)이렇게 글의 중간에 수식 \( x\frac{-b+\sqrt{b^{2}-4ac}}{2a} \) 이 보여지게 할 수 있습니다.
(참고)
mathjax Live Demo
MathJax
Beautiful math in all browsers.
www.mathjax.org
수식 미리 만들어보기 사이트
Equation Editor for online mathematics - create, integrate and download
Download svg gif png pdf emf 5 pt 9 pt 10 pt 12 pt 18 pt 20 pt 50 80 100 110 120 150 200 300 Transparent White Black Red Green Blue Inline Block WordPress phpBB Tiny Wiki url url encoded xml pre doxygen html latex Formatted string containing your Equation
editor.codecogs.com
webdemo math 사이트
TeX 문법을 익히지 않아도 그려서 문법을 확인할 수 있습니다.
https://webdemo.myscript.com/views/math/index.html#
math
webdemo.myscript.com
수식 문법 확인
ko.wikipedia.org/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:TeX_%EB%AC%B8%EB%B2%95
위키백과:TeX 문법 - 위키백과, 우리 모두의 백과사전
위키백과, 우리 모두의 백과사전. 위키백과에서는 수학 공식을 간편하게 입력하기 위해, TeX 문법을 지원합니다. 이것은 수식이 간단한 경우 HTML로, 복잡한 경우에는 PNG 그림으로 나타납니다. 또
ko.wikipedia.org
'미분류' 카테고리의 다른 글
| 에버노트 for Mac 단축키 (0) | 2023.08.20 |
|---|---|
| Tech Blog & News Scrap -202308 (0) | 2023.08.19 |