[Modified] Comment Provider Added

_config.yml

@@ -6,4 +6,23 @@ show_downloads: false
 
 github:
   repository_url: '/index.html'
-  owner_url: "https://kananinirav.com"
+  owner_url: "https://kananinirav.com"
+
+# Set which comment system to use
+comments:
+  # 'disqus' / 'giscus' / 'utterances' are available
+  provider: giscus
+
+# You must install giscus github app before use.(https://github.com/apps/giscus)
+# Make sure all variables are set properly. Check below link for detail.
+# https://giscus.vercel.app/
+giscus:
+  repo:                "kananinirav/AWS-Certified-Cloud-Practitioner-Notes"
+  repo-id:             "R_kgDOHx8vjA"
+  category:            "Comments"
+  category-id:         "DIC_kwDOHx8vjM4CS2vu"
+  mapping:             "pathname"
+  data-strict:         "1"
+  reaction-enabled:    "1"
+  theme:               "light"
+  crossorigin:         "anonymous"

_layouts/default.html

@@ -30,6 +30,21 @@
     <main id="content" class="main-content" role="main">
       {{ content }}
 
+      <!-- comment provider -->
+      {% assign giscus = site.giscus %}
+      <script src="https://giscus.app/client.js"
+        data-repo={{ giscus.repo }}
+        data-repo-id={{ giscus.repo-id }}
+        data-category={{ giscus.category }}
+        data-category-id={{ giscus.category-id }}
+        data-mapping={{ giscus.mapping }}
+        data-strict={{ giscus.data-strict }}
+        data-reactions-enabled={{ giscus.reaction-enabled }}
+        data-theme={{ giscus.theme }}
+        crossorigin={{ giscus.crossorigin }}
+        async>
+      </script>
+
       <footer class="site-footer">
         {% if site.github.is_project_page %}
           <!-- <span class="site-footer-owner"><a href="{{ site.github.repository_url }}">{{ site.github.repository_name }}</a> is maintained by <a href="{{ site.github.owner_url }}">{{ site.github.owner_name }}</a>.</span> -->