Mono Works

チラシのすきま

Hugoにコメント欄を追加できるDISQUSを導入

Hugoを利用したサイトにコメント欄を導入できる方法として、公式ページDISQUSが紹介されていたので、うちのBlog記事に導入してみました。

DISQUSにアカウントを作成して、Shortnameを確認

DISQUSに移動したら、GET STARTEDからアカウントを作成。アカウント作成後、基本的な設定をGeneral Settingsで済ませてSave

もう一度、General Settingsに行くと、Shortnameが「Your website shortname is hogehoge.」と表示されているので、これをコピー。

config.tomlにShortnameを追加

config.tomlに下記を追加

disqusShortname = "hogehoge"

テンプレートにコメント欄を追加

各ブログ記事にコメント欄を設けるためにsingle.htmlに下記を記述。

<div class="disqus-comments">
  {{ template "_internal/disqus.html" . }}
</div>

その他コメント関連で設定したこと

コメント欄に関する設定をSite Community Settings - Disqus Adminから設定しました。

  • Default SortをNewest Firstにして、コメントを新着順に
  • Pre-moderationをAll — Moderators must approve all comments.にして、コメントを承認制に

comments powered by Disqus
Googleブログ検索
Amazon検索
執筆者
"ぽぽろんち" pporoch
pporoch120
Mono Worksの中の人。DQX内では "ぬここ" の中の人もやってます。好きなことをつらつらと書き留めてます。
"DQX@ぬここ(UD487-754)"
採用案内