ブログにコメント欄を追加したい

本ブログにコメント欄を追加しようと思い立った。

DISQUSopen in new windowというコミュニケーションサービスが好評のようなので導入してみる。

  • DISQUSを使うための準備
  • OctopressでのDISQUS導入方法

DISQUSを使うための準備

DISQUSのアカウントを作成する

DISQUSopen in new windowのWebサイトからアカウントを作成。登録に必要なのはメールアドレスのみ。

自分のWebサイトをDISQUSに登録する

DISQUSのサイト登録ページopen in new windowから自分のサイトを登録する

登録が完了すると設定ページが表示されるので、ここで設定をしつつ、ページ中段に表示されているShortnameの文字列を確認する

OctopressでのDISQUS導入方法

configファイルへの記載

OctopressでのDISQUS導入はconfigファイルに先ほどDISQUSで取得したShortnameを記載するのみで完了する。

_config.ymldisqus_short_nameに自分のサイトのShortnameを指定する。

# Disqus Comments
disqus_short_name: yoursitesshortname
disqus_show_comment_count: false
1
2
3

これでブログの各ページの下部にDISQUSのコメント欄が表示されるようになる。

disqus_show_comment_count

disqus_show_comment_count はDISQUSコメント欄を導入するページのヘッダにコメント欄へのリンクを表示させるかどうかを指定する項目。

trueのとき

{% img /images/disqus/header_with_comment_link.png %}

falseのとき

{% img /images/disqus/header_without_comment_link.png %}

Last Updated:
Contributors: sojiro14