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!
