본문 바로가기
Programming/Etc

티스토리 블로그에서 마크다운 수학 수식 적용하기 (수식 예시)

by Renechoi 2024. 5. 2.

마크다운(Markdown) 형식으로 텍스트 문서에 수학식을 표기하려면, 일반적으로 MathJax나 LaTeX 같은 수학 표기법을 지원하는 도구가 필요하다. 티스토리의 경우 스킨편집>html편집 부분에서 수식을 적용할 수 있는 스크립트를 붙여넣으면 수식을 사용할 수 있다.

붙여넣을 스크립트는 본 글의 맨 하단에 첨부하였다.

마크다운 수식 적용시

다음과 같은 달러 기호로 수식을 적용할 수 있다.

$수식$ 과 $$수식$$

$ 사용시(한 개)

이렇게 글자$사이에$ 수식이 들어간다.

$$ 사용시(두 개)

이렇게 중앙에 수식이 나타난다.

$$수식$$

사용할 수 있는 수식들

그리스 문자

  • α: \alpha
  • β: \beta
  • γ: \gamma
  • δ: \delta
  • ε: \epsilon, ε: \varepsilon
  • ζ: \zeta
  • η: \eta
  • θ: \theta, ϑ: \vartheta
  • ι: \iota
  • κ: \kappa
  • λ: \lambda
  • μ: \mu
  • ν: \nu
  • ξ: \xi
  • ο: o
  • π: \pi, ϖ: \varpi
  • ρ: \rho, ϱ: \varrho
  • σ: \sigma, ς: \varsigma
  • τ: \tau
  • υ: \upsilon
  • φ: \phi, ϕ: \varphi
  • χ: \chi
  • ψ: \psi
  • ω: \omega
  • 대문자: Γ: \Gamma, Δ: \Delta, Θ: \Theta, Λ: \Lambda, Ξ: \Xi, Π: \Pi, Σ: \Sigma, Υ: \Upsilon, Φ: \Phi, Ψ: \Psi, Ω: \Omega

수학 기호

  • : \aleph, : \emptyset, : \infty, : \partial
  • 연산자: ±: \pm, : \mp, ×: \times, ÷: \div, ·: \cdot
  • 대수 연산: : \sum, : \prod, : \int, : \oint
  • 논리 연산자: : \forall, : \exists, ¬: \neg, : \wedge, : \vee, : \oplus (exclusive or)
  • 관계 연산자: : \leq, : \geq, : \ne, : \approx, : \propto, : \equiv
  • 집합 연산자: : \cup, : \cap, : \subset, : \subseteq, : \supset, : \supseteq, : \in, : \notin, : \ni
  • 추가 논리 기호: : \therefore (therefore), : \because (because)

화살표

  • : \leftarrow, : \rightarrow, : \leftrightarrow
  • 긴 화살표: : \longleftarrow, : \longrightarrow, : \longleftrightarrow
  • 이중 화살표: : \Leftarrow, : \Rightarrow, : \Leftrightarrow

괄호 및 구분 기호

  • [ ]: \lbrack, \rbrack, { }: \lbrace, \rbrace, | |: \vert, \Vert

수학 상수 및 기타 기호

  • : \sqrt, < >: \langle, \rangle, : \surd
  • : \cup, : \cap, : \subset, : \subseteq
  • : \supset, : \supseteq, : \in, : \notin
  • : \ni, : \forall, : \exists, : \emptyset

마크다운 수식 적용을 위해 html에 붙여넣을 script

    <!-- 수학 수식 1 -->
    <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 -->
<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>
반응형