Hello, recently I've tried addinggiscus comments to myblog. From what I've seen, Minimal Mistakes natively supports giscus. However, despite setting the correct configurations, I am not seeing comments on any of my posts. Here are my configurations: config.yml
repository : "Alon-Alush/alonalush.github.io" # GitHub username/repo-name e.g. "mmistakes/minimal-mistakes"
comments: provider: "giscus" giscus: repo_id : "R_kgDOObwnXA" # Shown during giscus setup at https://giscus.app category_name : "Comments" category_id : "DIC_kwDOObwnXM4CpwzY" # Shown during giscus setup at https://giscus.app discussion_term : "pathname" # "pathname" (default), "url", "title", "og:title" reactions_enabled : '1' # '1' for enabled (default), '0' for disabled theme : "dark" # "light" (default), "dark", "dark_dimmed", "transparent_dark", "preferred_color_scheme"
# Defaultsdefaults: # _posts - scope: path: "" type: posts values: layout: single author_profile: true read_time: true comments: true share: true related: true
I also addedgiscus.html in thecomments-providers folder: <script> 'use strict'; (function () { var commentContainer = document.querySelector('#giscus-comments'); if (!commentContainer) { return; } var script = document.createElement('script'); script.setAttribute('src', 'https://giscus.app/client.js'); script.setAttribute('data-repo', '{{ site.repository | downcase }}'); script.setAttribute('data-repo-id', '{{ site.comments.giscus.repo_id }}'); script.setAttribute('data-category', '{{ site.comments.giscus.category_name }}'); script.setAttribute('data-category-id', '{{ site.comments.giscus.category_id }}'); script.setAttribute('data-mapping', '{{ site.comments.giscus.discussion_term | default: "pathname" }}'); script.setAttribute('data-strict', '{{ site.comments.giscus.strict | default: 0 }}'); script.setAttribute('data-reactions-enabled', '{{ site.comments.giscus.reactions_enabled | default: 1 }}'); script.setAttribute('data-emit-metadata', '{{ site.comments.giscus.emit_metadata | default: 0 }}'); script.setAttribute('data-input-position', '{{ site.comments.giscus.input_position | default: "top" }}'); script.setAttribute('data-theme', '{{ site.comments.giscus.theme | default: "light" }}'); script.setAttribute('data-lang', '{{ site.comments.giscus.lang | default: "en" }}'); script.setAttribute('crossorigin', 'anonymous'); script.setAttribute('async', ''); commentContainer.appendChild(script); })(); </script>
and here's how myscripts.html looks like: {% if site.comments.provider and page.comments %}{% case site.comments.provider %} {% when "disqus" %} {% include /comments-providers/disqus.html %} {% when "discourse" %} {% include /comments-providers/discourse.html %} {% when "facebook" %} {% include /comments-providers/facebook.html %} {% when "staticman" %} {% include /comments-providers/staticman.html %} {% when "staticman_v2" %} {% include /comments-providers/staticman_v2.html %} {% when "utterances" %} {% include /comments-providers/utterances.html %} {% when "giscus" %} {% include /comments-providers/giscus.html %} {% when "custom" %} {% include /comments-providers/custom_scripts.html %}{% endcase %}{% endif %}
Here's the configuration on my posts (example from specific post) ---title: "Shapes, Inc got mass-terminated by Discord!"classes: wideheader: teaser: /assets/images/AI%20world/shapesinc/logo.pngribbon: DodgerBluedescription: "Shapes, Inc, a Discord hub for creating and talking to customized AI chatbots, just got terminated; and it doesn't look good. Quick rundown of the incident."categories: - AI worldtoc: true---
Can someone help me figure out why my comments still aren't showing up? I tried many methods and none seemed to work.
 | 