initial work on giscus setup

config/_default/params.toml

@@ -18,6 +18,19 @@ comments = true
 utterancesRepo = "jbowdre/site-comments"
 utterancesIssueTerm = "og:title"
 utterancesTheme = "gruvbox-dark"
+giscusCategory = "Announcements"
+giscusCategoryId = "DIC_kwDOKKEGD84CcG89"
+giscusCrossOrigin = "anonymous"
+giscusEmitMetadata = "0"
+giscusInputPosition = "bottom"
+giscusLang = "en"
+giscusLoading = "lazy"
+giscusMapping = "og:title"
+giscusReactions = "1"
+giscusRepo = "jbowdre/site-comments"
+giscusRepoId = "R_kgDOKKEGDw"
+giscusStrict = "0"
+giscusTheme = "dark"
 
 analytics = true
 

config/local/params.toml

@@ -1,2 +1,2 @@
-comments = false
+comments = true
 analytics = false

content/posts/tailscale-serve-docker-compose-sidecar/index.md

@@ -5,7 +5,7 @@ date: 2023-12-30
 description: "Using Docker Compose to deploy containerized applications and make them available via Tailscale Serve and Tailscale Funnel"
 featured: false
 toc: true
-comment: true
+comments: true
 series: Projects
 tags:
   - containers

layouts/partials/comments.html

@@ -1,11 +1,20 @@
-{{ if .Site.Params.utterancesRepo }}
+{{ if .Site.Params.giscusRepo }}
 <br>
 <div class="post_comments">
-  <script src="https://utteranc.es/client.js"
-    repo="{{.Site.Params.utterancesRepo}}"
-    issue-term="{{.Site.Params.utterancesIssueTerm | default "pathname"}}"
-    theme="{{.Site.Params.utterancesTheme | default "github-dark-orange"}}"
-    crossorigin="anonymous"
+  <script src="https://giscus.runtimeterror.dev/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="{{ .Site.Params.giscusMapping }}"
+  data-strict="{{ .Site.Params.giscusStrict }}"
+  data-reactions-enabled="{{ .Site.Params.giscusReactions }}"
+  data-emit-metadata="{{ .Site.Params.giscusEmitMetadata }}"
+  data-input-position="{{ .Site.Params.giscusInputPosition }}"
+  data-theme="{{ .Site.Params.giscusTheme }}"
+  data-lang="{{ .Site.Params.giscusLang }}"
+  data-loading="{{ .Site.Params.giscusLoading }}"
+  crossorigin="{{ .Site.Params.giscusCrossOrigin }}"
   async>
   </script>
 </div>