Comments on Github Pages with Giscus | de_soot

[giscus[bot]]

Comments on Github Pages with Giscus | de_soot

I added a commenting feature for the blog using giscus. Basically, it uses Github Discussions to store comments instead of storing it in its own database on the web server. Since this website is hosted on Github Pages and Pages only supports static websites, it cannot host its own databases to store things such as comments.

Try it

You can test it out yourself in the comments on blog post below by signing into your github account and commenting, or you can comment on the repository's Github Discussions directly and it will show up on the comments section on the website similarly.

Add it to your own Github Pages website

1. Make sure to enable Github Discussions on your website's Github repository.

2. Navigate to giscus.app on your browser's address bar and follow the instructions under the "Configuration" section to configure your <script> tag attribute values.

3. After you have done so, you can simply copy and paste it into your webpage!

---

Note

Giscus finds and links the comments to the Github Discussions by searching through and matching URLs, path names, titles, and other such metadata. If you try to change a page's title without editing the associated Github Discussion accordingly, it may lead to giscus not being able to find and link it to the Github Discussion (this is especially noticible if you set the <script>'s data-strict attribute value to "1"), and hence Giscus will create a new Github Discussion.

Giscus also only creates Discussions when someone comments, so it is easier to go back and edit to fix some things on your post if you do not have any comments yet rather than when your post already has comments in its own Discussion and you have to manually copy across those changes.

https://de-soot.github.io/giscus-comments

[de-soot]

Hi

This comment was made from the blog post.

[w-o-n-g]

hi

[de-soot]

This comment was written from the Github Discussion