🚧 feat: add utterances support

config.toml

@@ -177,3 +177,43 @@ allowed_domains = [
 # This avoids a flashing text issue in Firefox.
 # Please see https://welpo.github.io/tabi/blog/custom-font-subset/ to learn how to create this file.
 custom_subset = true
+
+# giscus support for comments. https://giscus.app
+# TODO: make sure giscus / utterances are added to the Custom security headers when enabled
+# TODO: Mention this fact in the docs
+[extra.giscus]
+enabled_for_all_posts = false  # Enables utterances on all posts. You can also do it on a post-per-post basis by setting `utterances = true` in the [extra] section of the post's front matter.
+repo = "yourname/yourrepository"
+
+
+enable_reactions = true
+comment_box_above_comments = true
+lazy_loading = true
+light_theme = "noborder_light"
+dark_theme = "noborder_dark"
+# TODO: Set data-lang to page's language
+
+# <script src="https://giscus.app/client.js"
+#         data-repo-id="[REPOSITORI ID]"
+#         data-category="[NOM CATEGORIA]"
+#         data-category-id="[ID CATEGORIA]"
+#         data-mapping="pathname"
+#         data-strict="0"
+#         data-lang="ca"
+#         crossorigin="anonymous"
+#         async>
+# </script>
+
+
+
+
+
+
+# Utterances support for comments. https://utteranc.es
+[extra.utterances]
+enabled_for_all_posts = false  # Enables utterances on all posts. You can also do it on a post-per-post basis by setting `utterances = true` in the [extra] section of the post's front matter.
+repo = "welpo/test-utterances"  # https://utteranc.es/#heading-repository
+issue_term = "pathname"  # Available: pathname; url; title. More info: https://utteranc.es/#heading-mapping
+label = "💬"  # https://utteranc.es/#heading-issue-label
+theme = "preferred-color-scheme"  # https://utteranc.es/#heading-theme. If you use the theme switcher, it's probably best to use "preferred-color-scheme"
+lazy_loading = true