Today I was trying to add a comment section in one of my GitHub pages site. Turns out it is very easy. All you have to do is sign up a disqus account and head here.
Then add the following text in _layouts/default.html
:
{% if page.comments %} | |
<div class="comments"> | |
<div id="disqus_thread"></div> | |
<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 | prepend: site.url }}"; // Replace PAGE_URL with your page's canonical URL variable | |
this.page.identifier = "{{ page.url }}"; // Replace PAGE_IDENTIFIER with your page's unique identifier variable | |
}; | |
(function() { // DON'T EDIT BELOW THIS LINE | |
var d = document, s = d.createElement('script'); | |
s.src = 'https://YOURSITENAME.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> | |
</div> | |
{% endif %} |
Use the following front material on the page you want the discussion to take place:
layout: default
comments: true
# other options
—
nJoy!