Merge pull request #203 from Junyi-99/main

add Giscus support

exampleSite/hugo.toml

@@ -31,6 +31,13 @@ utterancesTheme = "" # optional
 utterancesIssue = "" # optional
 utterancesLabel = "" # optional
 
+# Giscus support
+GiscusRepo = ""  # mandatory
+GiscusRepoId = ""  # mandatory
+GiscusCategory = "Announcements" # mandatory
+GiscusCategoryId = ""  # mandatory
+GiscusLazyLoad = false  # optional
+
 [[params.social]]
 id = "docs"
 url = "https://gohugo.io/documentation/"

layouts/partials/comments.html

@@ -13,3 +13,7 @@
 {{ if .Site.Params.graphcommentId }}
     {{ partial "graphcomment.html" . }}
 {{ end }}
+
+{{ if .Site.Params.GiscusRepo}}
+    {{ partial "giscus.html" . }}
+{{ end}}

layouts/partials/giscus.html

@@ -0,0 +1,24 @@
+{{ $theme := .Site.Params.GiscusTheme | default "preferred_color_scheme" }}
+{{ $mapping := .Site.Params.GiscusDataMapping | default "og:title" }}
+{{ $language := .Site.Params.GiscusLang | default "en" }}
+{{ $category := .Site.Params.GiscusDiscussionCategory | default "Announcements" }}
+{{ $lazyload := .Site.Params.GiscusLazyLoad | default false }}
+
+<script src="https://giscus.app/client.js"
+        data-repo="{{- .Site.Params.GiscusRepo -}}"
+        data-repo-id="{{- .Site.Params.GiscusRepoId -}}"
+        data-category="{{- .Site.Params.GiscusCategory -}}"
+        data-category-id="{{- .Site.Params.GiscusCategoryId -}}"
+        data-mapping="{{ $mapping }}"
+        data-strict="0"
+        data-reactions-enabled="1"
+        data-emit-metadata="0"
+        data-input-position="bottom"
+        data-theme="{{ $theme }}"
+        data-lang="{{ $language }}"
+        crossorigin="anonymous"
+        {{ if $lazyload }}
+        data-loading="lazy"
+        {{ end }}
+        async>
+</script>