giscusを使用してブログにコメント欄を作ろう

2024/12/05

この記事はcoins Advent Calendar 2024 5日目の記事です。

giscusとは

公式より引用

GitHub Discussionsを利用したコメントシステムです。サイト訪問者にGitHubを利用したコメント・リアクション機能を提供しましょう！このプロジェクトはutterancesから着想を得ています。

そのまんまです。DB?はGithub管理になるので、静的サイトでも張り付けるだけでいいらしい。
あとセルフホストも可能らしいです

GitHub Appのセットアップを行います。
新規でリポジトリを立ててそこにインストールするといいと思います。(パブリック)
できたらディスカッションを有効にします。

詳しくは公式サイトを見るのが早いのでそっちを見てください。

できたらリポジトリ名を入れてみてOKだったら下の各種設定をしてください。

出てきたコードを張り付けるだけで機能するはずです。適宜スタイルを調整して下さい。

試しにコメントしてみると、

ディスカッションにも反映されていますね。

CentRa君が埋まらない場合は私が毎日Nix入門を書くことになります。とツイートしていたのになぜか全然記事を書いてくれないので追加で記事を書いてみました。