In this note, we will explore both https://github.com/utterance/utterances and https://github.com/giscus/giscus. However, I prefer giscus.
If you are using plain JS, simply follow the official guide.
For those wanting to use it with Web Frameworks like React or Vue, refer to this https://github.com/giscus/giscus-component.
To integrate giscus into your website, follow the instructions provided in the official guide.
You can convert each issue to the corresponding discussion. Make sure what you choose in the config of Mapping between posts and discussions (giscus) or issues (utterances) is consistent. In my case, I choose "page title".
<aside> ☝ Before migrating, consider creating a new discussion with the exact name you will use for the comments. Then add some comments to that discussion. After reloading your page, you should see the comments. Remember to remove this test before migrating to avoid any conflicts.
</aside>
In each issue, an option "Convert to discussion" is available at the bottom right.
If you wish to convert multiple issues at once:
github.com/username/your-repo/labels
), for example, "comments".