GitHub Issuesを利用した静的ウェブサイト向けコメントシステム「utterances」

Table of Contents

注：このブログはGiscusを採用しました。この投稿を参照してください。

utterancesは、静的ウェブサイトにコメントフォームを埋め込むためのGitHub上に構築されたクールなツールです。

メリット：

  • 無料、軽量、見た目がクール
  • コメントは自分のリポジトリのGitHub issuesに保存される
  • コメントするにはGitHubログインが必要（スパム防止）

デメリット：

  • GitHubアカウントを持たない訪問者はコメントできない（技術ブログには問題なし）。

インストールはとても簡単です：

  1. リポジトリにutterances Appをインストールします。（utterances-botがこのリポジトリのIssuesにコメントを書き込みます。ブログリポジトリを使用するか、コメント専用の新しいリポジトリを作成してください）
  2. utterancesインストールページがコメントフォーム用のjavascriptを作成します。
  3. ブログコードにスクリプトを追加します。

スクリプトは以下のようになります：

<script
  src="https://utteranc.es/client.js"
  repo="account/repository"
  issue-term="pathname"
  label="comment"
  theme="github-dark"
  crossorigin="anonymous"
  async
></script>