티스토리 블로그에 수학 기호 표기

2021. 4. 27. 17:12캐리의 일상/캐리의 블로그관리

반응형

X제곱 혹은 2의 5승, 시그마, 분수 등등 수학 수식들을 블로그에 표기하고 싶을 때, 아래 코드를 스킨 편집에서 html <head> 안에 넣어주기만 하면 됩니다! 

 

Step 1.  스크립트 복사 후 html 편집에 붙여 넣기

 

1) 관리 페이지에서 꾸미기 → 스킨 편집 → html 편집에 들어가서 <head> 와  </head> 사이에 아래 스크립트 넣어 주기.

 

</head> 끝나기 전에 편하신 곳에 넣어주면 됩니다

복사할 스크립트

<script>

	(function () {

		var script = document.createElement("script");

		script.type = "text/javascript";

		script.src  = "https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML";

		document.getElementsByTagName("head")[0].appendChild(script);

	})();

</script>

 

 

 

↓ 복붙 예시

스크립트
스크립트 예시

※ 참고 : <script>와 </script> 앞뒤에 표기한  <!-- 내용 --> 은 코드 구현에 영향을 미치지 않는 메모를 할 수 있는 표기라고 보시면 되겠습니다. 추가로 삽입하는 코드들이 계속 늘어날 테니 건별로 이렇게 표기해 주면 나중에 수정할 때 편합니다.

 

2. 복잡한 수식 표기 예시

 

$$수식$$
  • 박스 안에 표기한 것 처럼 $$로 표기하고자 하는 내용을 둘러싸주면 됩니다. 
  • 기본 예시는 여기에서 참고
  • 알파 베타 감마등 다양한 기호 및 집합이나 분수 등등 직접 기호와 숫자를 선택해서 미리 형태를 확인하면서 해당 수식 표기법을 html 코드로 가져오거나 이미지 다운 가능 사이트 HostMath , codecogs

 

(1) 루트 및 제곱

$$\sqrt{b^3 - 4ac}$$

$$\sqrt{b^3 - 4ac}$$

 

(2) 분수 표기

$$\frac{4z^3}{16}$$

$$\frac{4z^3}{16}$$

 

(3) 알파 베타 감마

$$\alpha, \beta,  \gamma, \Gamma$$

$$\alpha, \beta, \gamma, \Gamma$$

 

 

 

 

(4) 행렬

$$\begin{array}
{rrr}
1 & 2 & 3 \\
4 & 5 & 6 \\
7 & 8 & 9
\end{array}
$$

 

$$\begin{array}
{rrr}
1 & 2 & 3 \\
4 & 5 & 6 \\
7 & 8 & 9
\end{array}
$$

 

(5) 그밖에 예제들 (hostmath.com 사이트 활용)

$$\lim_{a \rightarrow b}\frac{-b\pm\sqrt{b^2-4ac}}{2a}$$

$$\lim_{a \rightarrow b}\frac{-b\pm\sqrt{b^2-4ac}}{2a}$$

 

$$\int_{a}^{b} \begin{bmatrix}a & b \\c & d \end{bmatrix}\begin{bmatrix}a & b \\c & d \end{bmatrix}$$

$$\int_{a}^{b} \begin{bmatrix}a & b \\c & d \end{bmatrix}\begin{bmatrix}a & b \\c & d \end{bmatrix}$$

 

 

 

(6) 쉬운 버전 : 한글 ㅊ + 한자 단축키 활용

⅔ + √4³  이 정도는 한자 키를 활용해서 나타낼 수 있습니다^^ ㅊ+한자 키에는 분수와 제곱이 가능합니다:)  ㄷ+한자 키에도 루트를 포함 여러 수식들 확인 가능합니다.

 

 

반응형