마크다운을 이용해 티스토리에 LaTex 수식 입력하기

마크다운을 이용해 티스토리에 LaTex 수식 입력하기 | Tistory, Markdown, html, LaTexMemo/etc2022. 11. 2. 21:44@Ray 수학

Table of Contents

티스토리에서 수식을 입력하고 싶다면 수식의 시작과 끝을 $$로 감싸주시면 됩니다.

LaTeX 예시는 아래 글을 참고하세요.

마크 다운(MarkDown)에서 사용하는 수식(TEX) 정리 (tistory.com)

마크 다운(MarkDown)에서 사용하는 수식(TEX) 정리

마크다운으로 수식을 입력하려면 수식의 시작과 끝을 $$로 감싸주시면 됩니다. 그리스 문자 $\alpha$ \alpha $\beta$ \beta $\gamma$ \gamma $\delta$ \delta $\epsilon$ \epsilon $\varepsilon$ \varepsilon $\zeta$ \zeta $\eta$ \eta

rayc20.tistory.com

우선 블로그 관리에서 꾸미기 - 스킨 변경 - 편집 - html 편집으로 들어가시기 바랍니다.

그 후 <head> 와 </head> 사이에 아래 코드를 복사해서 붙여넣기 해주시면 됩니다.

	<!-- 수학 수식 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>

또는

  <!--katex javascript-->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css" integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X" crossorigin="anonymous">
  <script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js" integrity="sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4" crossorigin="anonymous"></script>
  <script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js" integrity="sha384-mll67QQFJfxn0IYznZYonOWZ644AWYC+Pt2cHqMaRhXVrursRwvLnLaebdGIlYNa" crossorigin="anonymous"></script>
  <script>
    document.addEventListener("DOMContentLoaded", function() {
        renderMathInElement(document.body, {
            delimiters: [
  {left: "$$", right: "$$", display: true},
  {left: "$", right: "$", display: false},
  {left: "\\(", right: "\\)", display: false},
  {left: "\\[", right: "\\]", display: true}
]
        });
    });
  </script>
  <!--end katex javascript-->

이렇게하면 데스크탑버전에서는 수식이 깨지지 않고 잘 보입니다.

모바일 버전에서는 글마다 설정해줘야합니다.