コンテンツにスキップ

Disqus

OctopressにDISQUSのコメント欄を導入する

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

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

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

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

DISQUSを使うための準備

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

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

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

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

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

OctopressでのDISQUS導入方法

configファイルへの記載

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

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

``` yml _config.yml

Disqus Comments

disqus_short_name: yoursitesshortname disqus_show_comment_count: false ```

これでブログの各ページの下部に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 %}