When I created this little blog site I had the same feeling. I didn’t want to use disqus and I wanted to use the basic GitHub Pages Jekyll functions only. So I decided to use twitter as a small comment system.
In this post I show you how I did it.
I have a twitter tag in the post’s front matter which stores the tweet’s status code. This tweet will be our comment tweet for this blog post. I like to share the blog post and use that as a comment tweet, it’s a little bit tricky, because first you need the blog post, share it on twitter and than modify the markdown to put the proper status code in it. I can live with it.
The other two twitter specific tags are for the twitter card. I have a twitter-card.html include, which I use in the page’s header
This is how my twitter-box.html looks like. I include it in the post layout. It’s just an easy way by Twitter to embed a tweet on your website with widgets.js.
Include the twitter-card in the post layout. The good thing is that, you can see the likes, replays and retweets on this card. Of course it’s clickable so the readers can easily reply or retweet it.
So the basic steps are:
Put a twitter tag with a tweet’s status code into the post front matter
Use the twitter embedding code somewhere in your layout