DCW
Comment box in Jekyll blog.
Posted on

I have spent a few hours today to figure out a way to add comment boxes in each post today.

So I come up with Disqus.

+++

Step 1

step1

  1. Create a Disqus account.
  2. On the top right corner, press the preference button
  3. Press Add Disqus To Site.

+++

Step 2

step2

  1. Fill up this form with something.
  2. Press Finish registration.

+++

Step 3

step3

  • Press Universal Code.

+++

Step 4

step4

  • Follow the instructions and add the code into whereever it suppose to be at.
<div id="disqus_thread"></div>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES * * */
var disqus_shortname = 'douglaswu';
/* * * DON'T EDIT BELOW THIS LINE * * */
(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="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
view raw comment.html hosted with ❤ by GitHub
  1. I copied the code above into /_include/comments.html
  2. and added the following line to /_layouts/post.html
{% include comments.html %}
view raw addcomment.html hosted with ❤ by GitHub

Updated: I switched to google+ comment box now.