[Disqus]Ghostテーマでコメントを追加する

[移行につき画像が消失されました。念の為ドキュメントは残しておきます]

まず、Ghostを事前にインストールしていることを前提に進めます。

今回コメント機能で使用するプラットフォームはDISQUSです。

無料のプランが用意されておりますので簡単なコメント機能が必要であれば良い選択肢だと思います。

1. DISQUS　会員になる

https://disqus.com/admin/create/ にアクセスし、会員になります。

加入時にGhostの選択肢があるので洗濯してください。

サイトのアドレスを入れる欄がありますが、この際に入力した内容がdisqusでのサイト名になります。最後まで手順を沿ってセットを完了しましょう。

1. 上記の画面が確認できたら、このリンク　この手順で進めば良いです。まず、テーマの中の　post.hbs を探しましょう

ここで、以下のコードを最後の辺に挿入します。このコードでコメントが表示されるので、自分のテーマに合う位置に設置することがポイントです。自分の場合は、コメント向けのコードが用意されていたので設置しました。

<div id="disqus_thread"></div>
<script>
    var disqus_config = function () {
        this.page.url = "";
        this.page.identifier = "ghost-"
    };
    (function() {
    var d = document, s = d.createElement('script');
    s.src = 'https://EXAMPLE.disqus.com/embed.js';
    s.setAttribute('data-timestamp', +new Date());
    (d.head || d.body).appendChild(s);
    })();
</script>

挿入対象コード

1. 次に保存を行い、Ghostの管理者画面でshortnameをコピーし、上記のコードのEXAMPLEに書き換えます。その後、テーマを更新すれば反映されます。