How I added Disqus comment in Minimal Mistakes Jekyll theme
Minimal Mistakes is a nice and beautiful Jekyll theme. It helps you to write, design your personal blog much easier. I followed this guide to add Disqus comment to the posts but it didn’t work. After playing around a while, I decided to folow the guide from Disqus and it worked perfectly. Here’s how I did it.
- Create a Disqus shortname, for example:
your_disqus_shortname. You should notice that this is the shortname only, not the linkyour_disqus_shortname.disqus.com. - In
_config.yml, modify comment provider to be"disqus", disqus shortname to beyour_disqus_shortnameand default comments to betrue. - Modify the content of
_includes/comments-providers/disqus.htmlto this:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script>
/**
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
* LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/
/*
var disqus_config = function () {
this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable
this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
};
*/
var disqus_shortname = 'thanhdng';
(function() { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');
s.src = '//' + disqus_shortname + '.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
Now you can start receiving feedbacks from your readers!
Leave a Comment