Commenting with Muut on Ghost blog

Muut, a Portland based company product, is a great commenting system alongside with Disqus, Livefyre, Discourse and Facebook comments. The team previously built Flowplayer, a nice web video player I used in my project.

How to add a comment section into Ghost blog

First, signup an account at Muut. They have free plans come with forums, commenting and messaging features. Premium plans start from USD $16 a month, with a lot more cool stuff. Here's the Muut Pricing plans.

  • Free - Yay!
  • Mini - $16/mo
  • Small - $36/mo
  • Medium - $96/mo
  • Large - $486/mo
  • Enterprise - For rich people

Secondly, connect to your Ghost house and fire up your favorite editor and add the Muut javascript to ghost/content/themes/casper/default.hbs.

Find the javascript section in the file and add the line so it looks like below.

{{! The main JavaScript file for Casper }}
<script type="text/javascript" src="{{asset "js/index.js"}}"></script>
<script src="//cdn.muut.com/1/moot.min.js"></script>

Next, go to the other file at ghost/content/themes/casper/post.hbs and add the comment section like below.

</footer>

<hr />
<section class="post-comment">
  <h2>Comments</h2>
  <a class="muut" href="https://muut.com/i/jewei-com/comments" type="dynamic">jewei-com</a>
</section>

Finally, run service ghost restart and enjoy.