글 작성자: astrocosmos

1. 스킨 html 편집하기

"블로그 관리 페이지 → 꾸미기 스킨 편집 → html 편집 → HTML"로 들어간다.
<head></head> 사이에 아래 6줄을 추가해준다. 그리고 "적용"을 누른다.

<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>

2. 블로그 글쓰기에 수식 추가하기

이제 글쓰기를 눌러서 수식이 제대로 추가되는지 확인해보자. 다른 곳에서 복사해서 붙여넣기를 하면 다른 문자들이 들어가거나 원치 않는 속성이 들어가서 제대로 출력이 안될 수도 있다. 그럴 때는 HTML 모드로 글쓰기를 하자. 기본적으로 두가지 형태로 수식을 넣을 수 있다.

첫번째는 문단으로 가운데 정렬로 넣는 방법 - LaTeX 수식의 앞뒤를 "$$"로 묶어준다.

$$ e = m c^2 $$

그럼 아래와 같은 결과가 나온다.

$$ e = m c^2 $$

두번째는 문장안에 수식을 넣는 방법 - LaTeX 수식의 앞뒤를 "$"로 묶어준다. 예를 들어 주파수 f의 변화량을 delta f라고 설명한다면, 아래와 같이 넣을 수 있다.

주파수 $f$의 변화량을 $\Delta f$라고 한다.

그럼 아래와 같은 결과가 나온다.

주파수 $f$의 변화량을 $\Delta f$라고 한다.

여러줄에 걸쳐서 수식을 넣는 방법 - 아래와 같이 \begin{align*}\begin{align*}를 이용하면 된다.

$$ \begin{align*}
z &= (x + y)^2\\ 
  &= x^2 + 2xy + y^2
\end{align*} $$

보이는 결과는 아래와 같다.

$$ \begin{align*} z &= (x + y)^2\\ &= x^2 + 2xy + y^2 \end{align*} $$

 

LaTeX 수식은 atomurl.net/math/ 페이지를 참고하면 된다.

 

TeX equation editor (Mathematical Formulas)

Online equation editor for writing math equations, expressions, mathematical characters, and operations. You can also generate an image of a mathematical formula using the TeX language. This is useful for displaying complex formulas on your web page.

atomurl.net

 

 

Reference:

 

티스토리에서 LaTeX 수식 사용하기 (오예~)

티스토리 에디터가 바뀌면서 기존의 수식편집기가 사라졌다. 포스팅을 하면서 수식을 사용하는 빈도가 많은 나로써는 약간 당황스러웠다. 하지만 오히려 더 좋은 기회가 된 것 같다. 티스토리

bskyvision.com

 

 

728x90