Open config.yml and add the following line of code
disqus_shortname: username
. Replace username
with your Disqus shortname.
Create a file called disqus_comments.html
in Jekyll’s _includes
folder and add your Disqus Universal Embed Code in between a {% if page.comments %}
and a {% endif %}
liquid tag
{% raw %}{% if page.comments != false %}
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = '{{ site.disqus_shortname }}';
var disqus_identifier = '{{ page.url }}';
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
{% endif %}{% endraw %}
You simply add comments: false
in any posts front-matter to turn off that post comments.
Finally, open your post.html file and add the following liquid include tag just after the end </article>
tag.
{% if site.disqus_shortname %}
{% include disqus_comments.html %}
{% endif %}
You can follow my detailed blog post on how to add Disqus comments to Jekyll if you get stuck.