diff --git a/content/posts/2021-05-21-pyphy-mulrienjin-1pyeon-gibon-aidieo.md b/content/posts/2021-05-21-pyphy-mulrienjin-1pyeon-gibon-aidieo.md
index 98befd1..caf9b01 100644
--- a/content/posts/2021-05-21-pyphy-mulrienjin-1pyeon-gibon-aidieo.md
+++ b/content/posts/2021-05-21-pyphy-mulrienjin-1pyeon-gibon-aidieo.md
@@ -4,7 +4,7 @@ description = ""
 draft = false
 slug = "pyphy-mulrienjin-1pyeon-gibon-aidieo"
 title = "파이썬으로 구현한 뉴턴의 방정식과 적분방정식"
-
+math = true
 +++
 
 
diff --git a/themes/mytheme/layouts/partials/header.html b/themes/mytheme/layouts/partials/header.html
index bd0010e..44e8587 100644
--- a/themes/mytheme/layouts/partials/header.html
+++ b/themes/mytheme/layouts/partials/header.html
@@ -38,18 +38,23 @@
 
 </script>
 {{- end }}
-<script type="text/x-mathjax-config">
-  MathJax.Hub.Config({
-    tex2jax: {
-    	inlineMath: [['$','$'], ['\\(','\\)']],
-	displayMath: [['$$','$$']],
-    },
-    "HTML-CSS": {
-    	scale: 80
-    },
-  });
+
+{{ if .Params.math }}
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">
+<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
+<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js" onload="renderMathInElement(document.body);"></script>
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        renderMathInElement(document.body, {
+            delimiters: [
+                {left: "$$", right: "$$", display: true},
+                {left: "$", right: "$", display: false}
+            ]
+        });
+    });
 </script>
-<script src="//cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+{{ end }}
+
 <header class="header">
     <nav class="nav">
         <div class="logo">