From 8c3c9cedd0724cc5909260a8914d19ec2cc65b0e Mon Sep 17 00:00:00 2001
From: Athanasia Monika Mowinckel <Athanasiamo@users.noreply.github.com>
Date: Sun, 19 Dec 2021 02:43:37 +0100
Subject: Add option for giscus comment section (#309)

* add giscus option

* add giscus options to config.toml

* rm quotes around hugo code
---
 exampleSite/config.toml        | 15 +++++++++++++++
 layouts/partials/comments.html | 18 ++++++++++++++++++
 2 files changed, 33 insertions(+)

diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index dff6c62..47bf28d 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -35,6 +35,21 @@ DefaultContentLanguage           = "en"                    # Default language fo
         facebook                 = true
         pinterest                = true
 
+    # To enable giscus, the github discussions based comment section,
+    # Follow the steps described to enable giscus and get the values
+    # needed to populate the below information.
+    # https://www.joelnitta.com/posts/2021-11-24_using-giscus/
+    [params.giscus]
+        # repo = "github-user/github-repo" # Entering repo will enable giscus
+        repo-id = "enter-repo-id"
+        category = "Comments"
+        category-id = "enter-category-id"
+        mapping = "pathname"
+        reactions-enabled = "1"
+        emit-metadata = "0"
+        theme = "light"
+        lang = "en"
+
     # Social icons appear in introduction and contact section. Add as many more as you like.
     # Icon pack "fab" includes social network icons, see: https://fontawesome.com/icons?d=gallery&s=brands&m=free
     # Icon pack "fas" includes solid style icons, see: https://fontawesome.com/icons?d=gallery&s=solid&m=free
diff --git a/layouts/partials/comments.html b/layouts/partials/comments.html
index 26cb4b6..c5e2a50 100644
--- a/layouts/partials/comments.html
+++ b/layouts/partials/comments.html
@@ -3,3 +3,21 @@
         {{ template "_internal/disqus.html" . }}
     </div>
 {{- end }}
+
+{{- if .Site.Params.giscus.repo }}
+<div class="container giscus my-4">
+    <script src="https://giscus.app/client.js"
+        data-repo={{ .Site.Params.giscus.repo }}
+        data-repo-id={{ .Site.Params.giscus.repo_id }}
+        data-category={{ .Site.Params.giscus.category }}
+        data-category-id={{ .Site.Params.giscus.category_id }}
+        data-mapping={{ .Site.Params.giscus.mapping }}
+        data-reactions-enabled={{ .Site.Params.giscus.reactions_enabled | default 0}}
+        data-emit-metadata={{ .Site.Params.giscus.emit_metadata | default 0 }}
+        data-theme={{ .Site.Params.giscus.theme }}
+        data-lang={{ .Site.Params.giscus.lang }}
+        crossorigin="anonymous"
+        async>
+    </script>
+</div>
+{{- end }}
-- 
cgit v1.2.3