3 files changed, 36 insertions, 0 deletions
diff --git a/layouts/partials/single/components/comments/comments.html b/layouts/partials/single/components/comments/comments.html
new file mode 100644
index 0000000..2eae412
--- /dev/null
+++ b/layouts/partials/single/components/comments/comments.html
@@ -0,0 +1,11 @@
+{{ if .IsPage }}
+    <!-- giscus -->
+    {{ if .Site.Params.giscus.enable }}
+        {{ partial "single/components/comments/giscus" . }}
+    {{ end }}
+
+    <!-- disqus -->
+    {{ if .Site.Params.disqusShortname }}
+        {{ partial "single/components/comments/disqus" . }}
+    {{ end }}
+{{ end }}
+\ No newline at end of file
diff --git a/layouts/partials/single/components/comments/disqus.html b/layouts/partials/single/components/comments/disqus.html
new file mode 100644
index 0000000..b794098
--- /dev/null
+++ b/layouts/partials/single/components/comments/disqus.html
@@ -0,0 +1,4 @@
+<div class="disqus-comment">
+    {{/*  https://gohugo.io/templates/internal/#disqus  */}}
+    {{- template "_internal/disqus.html" . -}}
+</div>
+\ No newline at end of file
diff --git a/layouts/partials/single/components/comments/giscus.html b/layouts/partials/single/components/comments/giscus.html
new file mode 100644
index 0000000..4daa23a
--- /dev/null
+++ b/layouts/partials/single/components/comments/giscus.html
@@ -0,0 +1,21 @@
+<div class="giscus-comment">
+    <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 | default `pathname` }}"
+      data-strict="{{ (string .Site.Params.giscus.strict) | default 0 }}"
+      data-reactions-enabled="{{ (string .Site.Params.giscus.reactionsEnabled) |  default 1 }}"
+      data-emit-metadata="{{ (string .Site.Params.giscus.emitMetadata) | default 0 }}"
+      data-input-position="{{ .Site.Params.giscus.inputPosition | default `top` }}"
+      data-theme="{{ .Site.Params.giscus.theme | default `light` }}"
+      data-lang="{{ .Site.Params.giscus.lang | default `en` }}"
+      {{ if .Site.Params.giscus.lazyLoading }}
+        data-loading="lazy"
+      {{ end }}
+      crossorigin="anonymous"
+      async
+    ></script>
+</div>
+\ No newline at end of file