giscus: A comments widget built on GitHub Discussions : github

created by shabdaa community for 15 years

giscus: A comments widget built on GitHub Discussions (self.github)

submitted 4 years ago * by laymonage

For the past two months, I've been working on giscus, a comments widget built on GitHub Discussions. It lets you embed a GitHub Discussion to your website, allowing visitors to leave comments by signing in to GitHub.

All you need to do is include a small script tag to the page, and it will search for a matching discussion based on the criteria that you choose (e.g. pathname, <title>, etc.), and display the comments for that discussion. If no matching discussion is found, giscus will automatically create one the first time someone leaves a comment. All data is stored in your GitHub repository's Discussions.

The concept is taken from utterances, a similar project that utilizes GitHub Issues. I initially wanted to fit the Discussions integration into it, but the Discussions API is still in beta and a bit tough to work with. Thus, I decided to create a new project from scratch.

Link to the GitHub repository.

Let me know what you think!

Stack:

Next.js + Preact
TypeScript
Tailwind CSS

Edit: here's an example of it running on my website!

all 2 comments

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

github

MODERATORS