From 5637a49ba93aaeb42541a45c957cd16fec24c8b3 Mon Sep 17 00:00:00 2001
From: Colin <1580440944@qq.com>
Date: Wed, 4 May 2022 20:27:27 +0800
Subject: [PATCH] feat: add pangu spacing; refactor

---
 layouts/partials/extended_footer.html | 32 ++++++++++++++++++++-
 layouts/partials/footer.html          | 40 +++++++--------------------
 2 files changed, 41 insertions(+), 31 deletions(-)

diff --git a/layouts/partials/extended_footer.html b/layouts/partials/extended_footer.html
index da92718..a5c0ca8 100644
--- a/layouts/partials/extended_footer.html
+++ b/layouts/partials/extended_footer.html
@@ -17,6 +17,21 @@
     }
 </style> -->
 
+<!-- toc -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.11.1/tocbot.min.js"></script>
+<script>
+    tocbot.init({
+        // Where to render the table of contents.
+        tocSelector: '.js-toc',
+        // Where to grab the headings to build the table of contents.
+        contentSelector: '.post-content',
+        // Which headings to grab inside of the contentSelector element.
+        headingSelector: 'h1, h2, h3',
+        // For headings inside relative or absolute positioned containers within content.
+        hasInnerContainers: true,
+    });
+</script>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.11.1/tocbot.css">
 
 <style>
     ::selection {
@@ -33,4 +48,19 @@
         background: #b5b5b5;
         color: #fff;
     }
-</style>
\ No newline at end of file
+</style>
+
+<!-- Sentry -->
+<script src="https://browser.sentry-cdn.com/6.15.0/bundle.tracing.min.js"
+    integrity="sha384-1k7XKRQgqjUbNyG2sI+qsY8HTHMOeLdycMx6hoGuNSANZ3WrMa3LXkr+M4t+SIpF"
+    crossorigin="anonymous"></script>
+<script>
+    Sentry.init({
+        dsn: "https://446fb53b106744b1b70e1074e68a5e71@o850059.ingest.sentry.io/6077493",
+        integrations: [new Sentry.Integrations.BrowserTracing()],
+        // Set tracesSampleRate to 1.0 to capture 100%
+        // of transactions for performance monitoring.
+        // We recommend adjusting this value in production
+        tracesSampleRate: 1.0,
+    });
+</script>
\ No newline at end of file
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 1221f93..38eb77f 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -7,20 +7,6 @@
 "></div>
 <div class='js-toc'></div>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.11.1/tocbot.min.js"></script>
-<script>
-    tocbot.init({
-        // Where to render the table of contents.
-        tocSelector: '.js-toc',
-        // Where to grab the headings to build the table of contents.
-        contentSelector: '.post-content',
-        // Which headings to grab inside of the contentSelector element.
-        headingSelector: 'h1, h2, h3',
-        // For headings inside relative or absolute positioned containers within content.
-        hasInnerContainers: true,
-    });
-</script>
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.11.1/tocbot.css">
 <style>
     @media (min-width: 1560px) {
         .js-toc {
@@ -119,28 +105,22 @@
     </div>
 </footer>
 
-<script src="{{ "assets/main.js" | absURL }}"></script>
 <script async src="{{ "assets/prism.js" | absURL }}"></script>
-
+<script src="{{ "assets/main.js" | absURL }}"></script>
 <script>
-    meta = document.querySelectorAll('.post:not(.on-list) .post-meta')[0];
-    var visitors = `<span id="busuanzi_container_page_pv" style='display:none'> 浏览：<span id="busuanzi_value_page_pv"></span>次</span>`
+    let meta = document.querySelectorAll('.post:not(.on-list) .post-meta')[0];
+    const visitors = `<span id="busuanzi_container_page_pv" style='display:none'> 浏览：<span id="busuanzi_value_page_pv"></span>次</span>`
     if (meta) meta.innerHTML = meta.innerHTML + visitors
 </script>
 
-
-<!-- Sentry -->
-<script src="https://browser.sentry-cdn.com/6.15.0/bundle.tracing.min.js"
-    integrity="sha384-1k7XKRQgqjUbNyG2sI+qsY8HTHMOeLdycMx6hoGuNSANZ3WrMa3LXkr+M4t+SIpF"
-    crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/pangu@4/dist/browser/pangu.min.js"></script>
 <script>
-    Sentry.init({
-        dsn: "https://446fb53b106744b1b70e1074e68a5e71@o850059.ingest.sentry.io/6077493",
-        integrations: [new Sentry.Integrations.BrowserTracing()],
-        // Set tracesSampleRate to 1.0 to capture 100%
-        // of transactions for performance monitoring.
-        // We recommend adjusting this value in production
-        tracesSampleRate: 1.0,
+    pangu.spacingElementByClassName('post');
+    pangu.spacingElementByTagName('p');
+
+    document.addEventListener('DOMContentLoaded', () => {
+        // listen to any DOM change and automatically perform spacing via MutationObserver()
+        pangu.autoSpacingPage();
     });
 </script>