Qandar

Q Girdsomeでコメント機能を追加したい

公開日:2021年4月6日

Answer

プラグインで追加が可能です。

Gridsomeはにはデフォルトではコメント機能がありません。ただ、ベースがVue.jsなので、Vue.jsで使えるコメントプラグインをGridsomeでも使うことが可能です。

Vue.js向けのコメント機能プラグインは、

  1. Disqus
  2. Staticman
  3. Vssue

あたりが定番ですが、一番簡単なのはWordPressでも定番のDisqusです。プラグインをインストールして、main.jsでインポート、コンポーネントをロードするだけで使えるのですぐにコメント機能を追加できます。

データをDisqusのAPIサーバーから持ってくるため、WordPressのようにHTMLに直接記述することが出来ない(SEO効果が薄い)のがデメリットでしょうか。

StaticmanとVssueは、自分でデータを持てるというメリットがありますが、どちらもGitレポジトリに直接変更を加えてコメント追加と同時にビルドするタイプなので、ビルド時間などに制限がある場合には不向きです。

それ以外にも、Vue.js的にプログラミングすることが可能なので、独自のAPIなどを使ってコメント機能を追加することも可能です。

新着Q&A