refactor: encapsulate giscus and heatmap component

- move giscus script to comment.html
- move heatmap dependency to its component file to avoid loading it when not needed
- delete headscript partial

1 files changed, 16 insertions, 1 deletions

diff --git a/layouts/partials/components/comment.html b/layouts/partials/components/comment.html
index f5ec95d3..b0b4ed47 100644
--- a/layouts/partials/components/comment.html
+++ b/layouts/partials/components/comment.html
@@ -28,5 +28,20 @@
     {{ if eq .Site.Language.Lang "zh" }}
     <p style="text-align:center">你也可以加入本站的 <a href="https://t.me/teaparty418" target="_blank">Telegram 群组</a>参与讨论</p>
     {{ end }}
-    <script>loadGiscus()</script>
+    <!-- giscus script -->
+    <script src="https://giscus.app/client.js"
+            data-repo="{{ .Site.Params.giscus.repo }}"
+            data-repo-id="{{ .Site.Params.giscus.repoId }}"
+            data-category="{{ .Site.Params.giscus.category }}"
+            data-category-id="{{ .Site.Params.giscus.categoryId }}"
+            data-mapping="{{ .Site.Params.giscus.mapping }}"
+            data-strict="{{ .Site.Params.giscus.strict }}"
+            data-reactions-enabled="{{ .Site.Params.giscus.reactionsEnabled }}"
+            data-emit-metadata="{{ .Site.Params.giscus.emitMetadata }}"
+            data-input-position="{{ .Site.Params.giscus.inputPosition }}"
+            data-theme="{{ .Site.Params.giscus.theme }}"
+            data-lang="{{ T "lang" }}"
+            crossorigin="anonymous"
+            async>
+    </script>
 </div>