Add Disqus Comments to Your Ghost Blog

November 2, 2013    disqus comments ghost blog ghost tweaks customise

As we speak, Ghost still does not have a commenting system in place. A blog feels incomplete without a comments' section. Fortunately, you can add the Disqus to your blog.

Head on over to the Disqus website and create an account if you already haven’t. Click on the “Add Disqus to Your Site” button to get started.

Once in the page, fill in the necessary details. The first field is important. The next two are for easy identification and access. So choose something that you will remember.

Step 1

Click on ‘Continue’ to move on to the next step. Here, choose ‘Universal Code’ as your platform.

Step 2

You will be taken to the next page which will contain the JavaScript code. Select the code and copy to clipboard for now.

Step 3

Next, we have to open up our Casper theme file for editing. I’m assuming you have the default theme running. If you are editing files on your server under Ubuntu, then type in the following command to open the necessary file.
sudo nano /home/site/public_html/ghost/content/themes/casper/post.hbs

Search for the following piece of code within this file.
<section class="post-content">

Paste your Disqus JavaScript code before the closing tag of this section. Press Ctrl+X to save the file. Now restart Ghost and vist one of your posts to see the comments in actions.

Step 4

comments powered by Disqus