Gitment、Github Issues 用のコメント プラグイン

最近、実装と効果の点で優れた興味深いコメント プラグイン Gitment [1] を発見しましたので、紹介させていただきます [2]。個人ブログをお持ちの場合は、それを使用することを検討できます。個人ブログがない場合は、実装のアイデアを学び、想像力を広げることもできます。

Duosuo でよく使われていたコメントが閉鎖され、多くの人のブログが影響を受けていると思います。そこで、個人ブログのコメントをDiscuz、NetEaseコメントプラグイン、Changyanコメントプラグインに変更しましたが、どれも満足のいくものではありません。今回ギトメントを見たときはちょっと驚きました。

達成された最終的な効果を図に示します:

基本原則は、GitHub プロジェクトの Issues 機能を使用してコンテンツを保存し、GitHub アカウントを使用してシステムにログインすることです。これを自分のブログに統合するのは比較的簡単で、CSS ファイル、JS ファイル、初期化コードだけで済みます。

1. まず、OAuth アプリケーションを Github に登録します

このアドレス [3] を通じてアプリケーションを登録し、プロンプトに従って情報を入力するだけです。

成功すると、クライアント ID とクライアント シークレットを取得します。これらは、後でプラグインを初期化するときに使用します。

2. ページ統合 Gitment

対応する css ファイル、js ファイル、初期化コードを表示するページに読み込みます:

リーリー

初期化部分のパラメータの詳細については、

を参照してください。

https://github.com/imsun/gitment#options

考えられる問題 1

このようなエラーが発生した場合は、gitment.render('container'); の container がページに対応していないことを意味します。注意深く確認してください。

考えられる問題 2

このような問題が発生した場合は、初期化したリポジトリ アドレスが正しく書き込まれていない可能性があります。リポジトリは http アドレスではなく、対応する ID として書き込む必要があります。写真の ID は私が独自に作成したプロジェクトですGitHub も図のようにコメント内容を保存するアイテムです:

3. 初期化コメント

統合が成功すると、コメント プラグインの表示内容が表示されます。現時点で必要な次のステップは、GitHub アカウントにログインし、画像の「コメントの初期化」をクリックすることです。

注: 各記事を初期化する必要があります

最後に、「問題」セクションに表示されるコメントは次のように保存されます:

4. カスタマイズとパーソナライゼーション

スタイルとレイアウトをカスタマイズすることもできます。詳細については、https://github.com/imsun/gitment#customize

を参照してください。

最後に、要約すると、この Gitment の利点は、簡単な統合、便利なカスタマイズ、組み込みの GitHub アカウント ログインです。欠点は、GitHub アカウント ログインのみをサポートしており、毎回ボタンをクリックして初期化する必要があることです。新しい記事を投稿するのは少し面倒ですが、現時点では携帯電話への対応は理想的ではありません。コメント プラグインの要件がそれほど厳しくない場合は、このプラグインの使用を検討できます。

GitHub プロジェクトのソース コード: https://github.com/imsun/gitment

以上がGitment、Github Issues 用のコメント プラグインの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。