📐
티스토리 수식 넣는법
티스토리에 수식 입력하는 방법
코드 수정
블로그관리 → 꾸미기 → 스킨 편집 → html 편집 → html
아래 코드 복사해서
<head>와 </head> 사이에 붙여넣기
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML"></script>적용 후 바로 글 쓰러 가보자
수식 블록
블로그 글을 쓸 때 아래처럼
$$ ~ $$달러 기호 두개($$) 사이의 ~ 부분에 TeX 문법을 사용하면 수식이 적용된다
HTML모드나 마크다운모드로 변경하지 않고 그냥 기본모드에서
사용하고자 하는 수식의 앞뒤로 $$
설명의 편의를 위해 코드블럭으로 표시했지만
코드블럭에서 수식을 작성하는 것이 아니라 본문 자체에서 수식 작성
예를 들어, 근의 공식을 작성해보면
$$ x=\frac{-b \pm \sqrt{b^{2}-4ac}}{2a} $$$$ x=\frac{-b \pm \sqrt{b^{2}-4ac}}{2a} $$
이렇게 수식이 입력됨
인라인 수식
수식을 문장 속에 삽입하려면
블로그 글을 쓸 때 아래처럼
$ ~ $달러 기호($) 사이의 ~ 부분에 TeX 문법을 사용하면 수식이 적용됨
예를 들어
$ 3 \times 10^{3} $ 만큼 사랑해$ 3 \times 10^{3} $ 만큼 사랑해
이렇게 문장(글) 사이에 수식 입력 가능
자주 사용하는 TeX 문법
- 위 첨자 : a^{2+3} → $ a^{2+3} $
- 아래 첨자 : a_{i,j} → $ a_{i,j} $
- 분수 : \frac{2}{4} 또는 {2 \over 4} → $ \frac{2}{4} $
- 괄호 쓰기 : \left( \frac{1}{2} \right) → $ \left( \frac{1}{2} \right) $
- 적분 : \int_{-n}^{n} e^{x}\, dx → $ \int_{-n}^{n} e^{x}\, dx $
- 근호 : \sqrt{2} → $ \sqrt{2} $
- 근호 : \sqrt[n]{x^{2a}+y^{3b} \over 2} → $ \sqrt[n]{x^{2a}+y^{3b} \over 2} $
모바일에서 수식 깨짐 현상
컴퓨터로 볼 때는 괜찮은데
모바일(핸드폰)에서 볼 때
수식이 깨지거나, 적용이 안되는 현상 발생
확실한 방법은
블로그 글쓰기에서
메뉴 바를 보면 '기본모드' 로 설정되어 있을텐데
'HTML' 을 클릭한 뒤
아래의 코드를 복사 후 빈 곳에다가 붙여넣기 한 후에
<script> MathJax = { tex: {inlineMath: [['$', '$'], ['\\(', '\\)']]} }; </script>
<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"></script>
다시 '기본모드' 로 돌아와서 쓰려던 글을
수식기호($, $$)와 함께 작성하면
모바일에서도 수식이 적용되는 것을 확인할 수 있음
'etc.' 카테고리의 다른 글
| 이모티콘 이모지 마크다운 (0) | 2023.01.17 |
|---|---|
| 티스토리 취소선으로 인라인 코드블럭 적용하기 (0) | 2022.06.24 |
| 코딩 폰트 추천 D2Coding (2) | 2021.11.19 |
| 알파테스트, 베타테스트, RC, Nightly (1) | 2021.11.19 |
| 주기, 주파수(진동수), 각주파수(각속도), 진폭, 파장, 파수 (0) | 2021.11.17 |