Skip to main content

コメント

Hugo には Disqus テンプレートが内蔵されていますが、新しい Hugo の Web サイトで使用できるコメントシステムはこれだけではありません。

On this page

Hugo では、JavaScript を介して Web サイトにコメントやコミュニティの機能を提供するサードパーティ製サービスである Disqus  をサポートしています。

あなたのテーマはすでに Disqus をサポートしているかもしれませんが、そうでない場合は、Hugo 内蔵の Disqus パーシャル を介してテンプレートに簡単に追加できます。

Disqus を追加する

Hugo には Disqus をテンプレートに読み込むために必要なすべてのコードが付属しています。Disqus をあなたのサイトに追加する前に、Disqus アカウントの設定  が必要です。

Disqus を設定する

Disqus のコメントでは、サイトの設定ファイル に以下のような 1 つの値を設定する必要があります。

多くの Web サイトでは、これで十分な設定です。しかし、1つのコンテンツファイルの フロントマター に以下を設定するオプションも用意されています。

  • disqus_identifier
  • disqus_title
  • disqus_url

Hugo 内蔵の Disqus パーシャルをレンダリングする

Disqus は独自の 内部テンプレート を用意しており、コメントを表示する場所に以下のコードを追加してレンダリングします。

{{ template "_internal/disqus.html" . }}

代替案

以下は Disqus の代替となるものです。

  • Cactus Comments  (オープンソース、Matrix アプリサービス、Docker インストール)
  • Commento  (オープンソース、サービス、ローカルインストール、または Docker イメージとして利用可能)
  • Graph Comment 
  • Hyvor Talk  (サービスとして利用可能)
  • IntenseDebate 
  • Isso  (セルフホスティング、Python) (チュートリアル  )
  • Muut 
  • Remark42  (オープンソース、Golang、簡単に実行できる docker)
  • ReplyBox 
  • Staticman 
  • Talkyard  (オープンソース、サーバーレス ホスティング)
  • Utterances  (オープンソース、GitHub のイシューで構築された GitHub コメントウィジェット)