Jekyllで作ったGithubPagesのブログにコメント機能を付ける(Disqus)

目的

Jekyllって静的ページを作るからコメント機能とか無理だよね・・・
でもときどきはコメントとかほしいよね・・

と思っていて探していたら、DISQUSというサービスがあることを知りました。

Disqus

f:id:kimromi:20150507220424j:plainf:id:kimromi:20150507220440j:plain

Disqusはコメント機能を提供しているクラウドサービスで、
自分のWEBサイトやブログにDisqusが提供するコメント入力機能を簡単に追加することができて
コメントが付いた際に通知してくれたり、画像や動画もコメントに追加できる便利サービスみたいです。
もちろん無料。スパムフィルタ等も強力みたいです。

いいやんこれ・・
ということで導入しました。導入も簡単でした。

導入方法

DISQUSにユーザ登録

右上のSign Upから登録を行いましょう。
Email、ユーザID、パスワードを入力して登録完了。
FacebookTwitterGoogleアカウントでも登録可能なようです。
メールアドレスに確認メールが届いているはずなので確認を行いましょう。

f:id:kimromi:20150507220443j:plain

自分のサイトを登録

右上の(歯車)を押して、
「Add Disqus To Site」を選びます。
サイト名、Disqusで使用するURL、カテゴリを選択すればOK。

f:id:kimromi:20150507220424j:plain

コードを自分のサイトに貼り付け

そのあと表示する画面から「Universal Code」を選択し、
表示されるコードを自分のページに貼り付けます。
自分の場合は記事でレイアウトを分けていたので、そこにコードを追加しました。

f:id:kimromi:20150507220428j:plain f:id:kimromi:20150507220433j:plain

終わり

終わり。
これでjekyllのブログサイトにコメント機能を付けることができました。

右上のから「Admin」を選ぶと
コメントの管理画面が表示されるのでいろいろ設定ができます。

おためしあれ!