적용 방법
1. katex.org/docs/autorender.html 에 나와 있는 스크립트를 복사한다.
2. 티스토리 스킨 편집 페이지에서 HTML 편집 모드로 들어가 <head></head> 태그 사이에 붙여넣는다.
3. 정상적으로 동작하는지 테스트를 해본다.
$$\sum_{i=1}^{n} i = \frac{n(n+1)}{2}$$
$$\begin{pmatrix}a & b \\c & d\end{pmatrix}$$
개인 저장용
<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}
]
});
});
</script>KaTeX에서 제공하는 함수들
'doodle' 카테고리의 다른 글
| 티스토리 구글 검색 적용 (0) | 2021.01.27 |
|---|---|
| 티스토리 코드블럭 적용 및 테스트 (0) | 2021.01.17 |
