본문 바로가기
일상 (Daily)/정보글 (티스토리, 툴)

티스토리에 수식(Equation) 입력하는 방법

by Jayce_choi 2020. 12. 18.
반응형

논문에는 정말 많은 수식들이 등장하는데 이를 블로그에 적기 위한 방법을 적어 보았습니다
생각보다 간단하니 한번 필요하신 분들은 따라 해 보시길 권합니다. 


전체 단계 

1. 블로그 관리 홈에서 스킨편집 클릭 및 HTML 편집 클릭
2. 특정 스크립트 복사하고 HTML 수정 페이지의 <head> ~ </head>에 붙여 넣기 
3. 끝 ( 테스트 해보기 ) 


1. 블로그 관리 홈에서 스킨 편집 클릭 및 HTML 편집 클릭하기 

우선 블로그 관리 홈 좌측 하단의 꾸미기 항목에 스킨 편집을 클릭!!

그리고 HTML 버튼을 누르면 HTML 수정 창이 나오게 된다. 

 

 

2. 특정 스크립트 복사하고 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 async src="//cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">

그리고 <head> 와 </head> 사이에 붙여 넣기를 해주시고 적용 버튼을 눌리면 끝납니다.

 

3. 테스트 

라고 써보면 글쓰기 페이지의 미리 보기 버튼을 눌렀을 때 하단의 사진처럼 나오게 됩니다. 

해당 방법은 인라인이라고 하는 문장에다가 수식을 넣는 방법을 의미하며 즉 한글과 수식을 병행해서 사용할 때
다음과 같은 방법을 적용하게 됩니다. 

  • Inline (인라인) - 글의 문장안에 수식과 함께 입력 

  • Block (블록) - 단독적으로 수식 하나만 한 줄에 입력할 때 사용

- Inline 모드 - 백슬래시 + 소괄호 /(... /)

Inline 모드 예시 :  해당 사진과 같이 화살표 왼쪽의 글을 입력하고 미리보기를 실행하면 화살표 오른쪽과
동일하게 보이게 됩니다. 


- Block 모드 - 백 슬래시 + 대괄호 /[... /]

Block 모드 예시 : 화살표 왼쪽의 양쪽으로 달러 표시 2개 사이에 x^2개를 입력하고 글쓰기 미리 보기 버튼을 클릭하면
x의 제곱이 한줄 전체에 표현된 것을 보실 수 있습니다. 

 

하단의 블로그에는 더 많은 수학기호들을 적어주셔서 참고하시면 됩니다.

 

LaTeX 기호 모음

LaTeX에서 상대적으로 자주 쓰이는 기호들을 모아서 정리해 보았다. 대부분의 기호는 Wikipedia를 참고해서 작성 하였으며, LaTeX에서 쓰이는 모든 기호를 총 정리한 pdf 파일은 아래 링크를 클릭하면

jjycjnmath.tistory.com

적용을 위해서 위와 동일하게 하면 됩니다. 


*예를 들어서 같거나 크다라는 부등호를 티스토리 블로그에 기입을 하고 싶을 때는 우선 관련 부등호를 찾습니다. 

부등호를 표현하기 위해서 "백슬래쉬 leq"를 사용해야 하므로 인라인 방법 또는 블록 방법에서
우선 인라인 방법으로 적용해보겠습니다. 

마찬가지로 해당 위치에 "백슬래쉬 leq"를 넣으면 오른쪽과 같이 원하는 등호가 나오게 됩니다. 


해당 수식을 입력하는 방법에 사용되는 것은 Latex라고 하는 문서 조판에 사용되는 프로그램인데 
지구에 수 많은 공식들이 존재하는데 하단의 링크를 이용하여 수식을 만들고 하단에 생성된 HTML 코드를 복사하여 
자신의 글쓰기 페이지의 HTML 수정 페이지에 붙여 넣기 한다면 쉽게 수식을 입력할 수 있습니다. 

 

Online LaTeX Equation Editor - create, integrate and download

Type your equation in this box

www.codecogs.com

MathJax documentation에서 위에서 설명한 전반적인 사항을 소개하고,
더 자세한 사항은 
MathJax Latex support 페이지에서 확인할 수 있습니다.
위에서 설명한 수준 이상의 Latex를 사용하기 위해서는 꼭 읽어보는 것을 권해드립니다!

반응형

댓글