diff --git a/layouts/partials/after-content-js.html b/layouts/partials/after-content-js.html
index 85fba90..ff0c549 100644
--- a/layouts/partials/after-content-js.html
+++ b/layouts/partials/after-content-js.html
@@ -13,3 +13,14 @@
 
 <!-- fancybox -->
 <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.umd.js"></script>
+
+<!-- pangu.js -->
+<script>
+    pangu.spacingElementByClassName('moment-note');
+    pangu.spacingElementByClassName('context');
+    
+    document.addEventListener('DOMContentLoaded', () => {
+        // listen to any DOM change and automatically perform spacing via MutationObserver()
+        pangu.autoSpacingPage();
+    });
+</script>
\ No newline at end of file
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 4a0b838..19f0004 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -7,7 +7,7 @@
 <!-- todo change jquery -->
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
-<!-- 点赞 -->
+<!-- like button -->
 <link href="https://cdn.bootcss.com/font-awesome/5.8.2/css/all.min.css" rel="stylesheet">
 <script src="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.js"></script>
 
@@ -41,5 +41,10 @@
 <link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/grids-min.css">
 <link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/grids-responsive-min.css">
 
+<!-- pangu support (js in the end before the body closing tag) -->
+<!-- todo make it optional -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/pangu/4.0.7/pangu.min.js"></script>
+
 <!-- website title -->
-<title>{{ .Site.Params.title }}</title>
\ No newline at end of file
+<title>{{ .Site.Params.title }}</title>
+