블로그 글 수학수식 , 여러가지 기호 나타내기/ mathjax 수식, 인라인 수식 넣는방법 본문
안녕하세요 모설입니다.
공부를 하며 공부한 지식을 블로그에 쓰다보면,
여러가지 수식이나 기호들을 막상 컴퓨터로 옮기기가 굉장히 힘이 듭니다.
오늘은 블로그에 글을 쓰며 이러한 수학기호들을 쓰는 방법을 알려드리려고 합니다.
우선 제가 사용하는 것은 바로 mathjax 인데요,
티스토리 블로그를 사용하는 분들이라면 모두 html을 이용한 여러가지를 시도해 보실 수 있습니다.
mathjax도 바로 html을 이용하여 복잡한 수식을 표현하는 것 입니다.
예를들어, 아래첨자 \(a_1\) , \(b_1\) 이나 지수표현 \(x^2\) 그리고 여러가지 기호 \(\alpha\) 등이 있는데요,
이러한 수식을 블로그에서 사용하는 방법을 알려드릴게요!
티스토리 블로그를 사용하므로 저는 티스토리 기준으로 설명 드리겠습니다.
방법은 매우 간단합니다.
이 사이트가 수식을 지원해주는 mathjax 공식 사이트 입니다.
사이트에 들어가셔서 밑으로 내리시면
documentation 이라는 카테고리가 있습니다.
여기서 getting started 밑의 learn more을 클릭해 주세요.
그럼 이러한 화면이 뜨게 됩니다.
여기서 <script .. 로 시작하는 빨간 글씨를 복사해 주세요!
그다음 티스토리로 돌아와 스킨편집-html편집 칸으로 와주십니다.
그뒤 html의 <head>와 </head> 사이 아무데나 복사한 것을 붙여넣기 해주시면 끝입니다!
간단하죠?
자 이제 글쓰기로 들어옵니다.
그후 글에서 예를들어
$$a^b$$
를 써주시면
$$a^b$$ 로 표현이 됩니다.
이렇게 $를 2개를 써주시면 글과 분리되어 글이 써지고,
\(a^b\)
와 같이 쓰시면 글 도중 인라인 하여 사용하실 수 있습니다.
\(a^b\) 이런 식으로 말입니다.
위의 역슬래쉬는 엔터키 위의 \를 사용하시면 됩니다.
이때 글쓰기에서 코드블럭으로 사용하시지 마시고, 그냥 글쓰기로 쓰셔야 수식이 적용이 됩니다.
이제 여러가지 수식을 알려주는 사이트를 알려드릴게요~
https://www.calvin.edu/~rpruim/courses/s341/S17/from-class/MathinRmd.html
http://www.statpower.net/Content/310/R%20Stuff/SampleMarkdown.html
이외에도 구글등에 검색을 통해 여러가지 수식을 사용하실 수 있답니다!
'html 편집' 카테고리의 다른 글
티스토리 줄간격 변경 / 반응형 스킨 줄간격 변경으로 블로그글 가독성 높이기! (1) | 2019.05.22 |
---|