As you can see under every blogpost and in the now updated contact section, I slapped the Disqus comment system over this blog. As this is a barebone-slim-minimal kind of blog that’s hosted accordingly, it lacks a database and everything else a comment system would require. I liked Disqus and really didn’t want to manage the comments with Facebook’s system. So here we are.
Disqus and Jekyll
In combination with Jekyll, the awesome static site generator, theres two things to Disqus. First, getting it to work and then fitting it into your own blog with CSS. Disqus tells you how to do that. In short, you just:
</body>
tag#disqus_thread
. Since we’re using Jekyll, and with it YAML and Liquid and whatnot, it makes sense like this:<a href="/#disqus_thread">Comments</a>
The necessity of the slash before #disqus_thread
depends on how you style your permalinks (consult your config.yml). My permalink style lacks .html or / at the end, so for the comment count lookup to work, I needed to put it there. Cost me half a day. Kudos again to the wonderful @talinee who located the error in the end.
I couldn’t get the whole data-disqus-identifier thing to work, but it works fine without. As long as I don’t migrate the blog, at least.
Disqus and CSS
Probably it isn’t helpful for anyone but me, but here’s the CSS I styled Disqus with. For applying custom CSS to Disqus, just log in to it, go to disqus.com/admin/settings/appearance/ and paste yours in the Custom CSS box at the bottom.
For additional info, you can check out my setup on github.