Add giscus

[copyrat90]

Description

This PR adds giscus comment support.
giscus is very similar to utterances, but it uses GitHub Discussions, instead of Issues.

Screenshot

Link to comment on my blog
Link to comment created on the GitHub Discussion

[sylhare]

Interesting, does it handle the theme color change dynamically as well?

[copyrat90]

Hmm, looks like it doesn't.
I believe it comprehends site.color_theme in _config.yml as-is (auto), and since it's not dark, it falls back to the light.

https://github.com/copyrat90/copyrat90.github.io/blob/cb0e708faee9af683b5bd93088bae597111aadde/_includes/social/giscus.liquid#L12

What I did in giscus.liquid above is the same as how utterances.liquid did here:

Type-on-Strap/_includes/social/utterances.liquid

Line 4 in 7a6d88a

theme="{% if site.comments.utterances.theme %}{{ site.comments.utterances.theme }}{% elsif site.color_theme == 'dark' %}github-dark{% else %}github-light{% endif %}"

And I guess utterances integration has the same problem as well?

This can be resolved if you can detect the actual theme color in *.liquid, but I don't know how to do that.

[copyrat90]

By the way, I need to change the like github-dark-orange, since it's not a valid option in giscus.

[im-coder-lg]

Finally
I thought of doing this a long time ago, but there was no time
I added Utterances, and it doesn't recognize auto as a theme, so that kind of thing I added in myself/explored around and found it, hard to remember now.
Wonder what happened to "cusdis"