FastComments.com Blog

Wed Aug 12 2020
...

FastCommentsを使用してGatsbyJSサイトにコメントを埋め込む

! この記事は専門用語が含まれています

新しい情報

最近、FastCommentsのためのReactコンポーネントを発表しました。

これにより、多くの機会が開かれます - FastCommentsとGatsbyを統合することを含めて。

自分でラッパーを書いた場合

FastCommentsのために独自のReactラッパーを作成した場合は、新しいものに置き換えることを検討してください。この抽象化を維持し、多くの 便利な機能(例えば設定変更時の自動リロードなど)が含まれています。

どのように機能するのか

FastCommentsは、コアウィジェットの周りにReactコンポーネントをラッパーとして持っているため、クライアント側でウィジェットをインスタンス化するために私たちのReactライブラリを使用するだけです。

このコンポーネントを完全にサポートし、更新を行います。

例はありますか?

例を設定し始めましたので、ここで確認できます。

ナイトモード

私たちが持っている例の一つは「ナイトモード」で、黒(または非常に暗い)背景のサイトでFastCommentsをレンダリングします:https://github.com/FastComments/fastcomments-react/blob/master/example/src/DarkModeApp.tsx

さらに、ウィジェットは設定変更に応じて反応するため、サイトのテーマを切り替えるモードを持ち、fastcomments-reactに簡単に更新を指示することができます。

結論

FastCommentsをGatsbyサイトに統合することが迅速かつ容易であることを願っています。

乾杯!