hugo-papermod 테마에서 Katex 활성화하기 ✏️

/layouts/partials/extend_head.html 파일에 아래의 코드를 작성한다.

1{{ if or .Params.math .Site.Params.math }}
2<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">
3<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js" integrity="sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4" crossorigin="anonymous"></script>
4<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js" integrity="sha384-mll67QQFJfxn0IYznZYonOWZ644AWYC+Pt2cHqMaRhXVrursRwvLnLaebdGIlYNa" crossorigin="anonymous"
5    onload="renderMathInElement(document.body);"></script>
6{{ end }}
7
8<script>
9  document.addEventListener("DOMContentLoaded", function() {
10      renderMathInElement(document.body, {
11          delimiters: [
12              {left: "$$", right: "$$", display: true},
13              {left: "$", right: "$", display: false}
14          ]
15      });
16  });
17</script>