[{"data":1,"prerenderedAt":92},["ShallowReactive",2],{"legacy-question-816a4c2eeaeeccaa45b83c15190c6501":3,"legacy-question-author-koji-kadoma":65,"legacy-question-category-website-building":81},{"id":4,"title":5,"author":6,"body":7,"category":52,"date":53,"description":5,"extension":54,"locale":55,"meta":56,"navigation":57,"path":58,"seo":59,"slug":60,"stem":61,"tag":62,"updated":53,"__hash__":64},"legacyQuestions\u002F20210406000000-Girdsomeでコメント機能を追加したい.md","Girdsomeでコメント機能を追加したい","koji-kadoma",{"type":8,"value":9,"toc":47},"minimark",[10,15,19,22,35,38,41,44],[11,12,14],"h2",{"id":13},"プラグインで追加が可能です","プラグインで追加が可能です。",[16,17,18],"p",{},"Gridsomeはにはデフォルトではコメント機能がありません。ただ、ベースがVue.jsなので、Vue.jsで使えるコメントプラグインをGridsomeでも使うことが可能です。",[16,20,21],{},"Vue.js向けのコメント機能プラグインは、",[23,24,25,29,32],"ol",{},[26,27,28],"li",{},"Disqus",[26,30,31],{},"Staticman",[26,33,34],{},"Vssue",[16,36,37],{},"あたりが定番ですが、一番簡単なのはWordPressでも定番のDisqusです。プラグインをインストールして、main.jsでインポート、コンポーネントをロードするだけで使えるのですぐにコメント機能を追加できます。",[16,39,40],{},"データをDisqusのAPIサーバーから持ってくるため、WordPressのようにHTMLに直接記述することが出来ない（SEO効果が薄い）のがデメリットでしょうか。",[16,42,43],{},"StaticmanとVssueは、自分でデータを持てるというメリットがありますが、どちらもGitレポジトリに直接変更を加えてコメント追加と同時にビルドするタイプなので、ビルド時間などに制限がある場合には不向きです。",[16,45,46],{},"それ以外にも、Vue.js的にプログラミングすることが可能なので、独自のAPIなどを使ってコメント機能を追加することも可能です。",{"title":48,"searchDepth":49,"depth":49,"links":50},"",2,[51],{"id":13,"depth":49,"text":14},"website-building","2021-04-06T04:00:00.000Z","md","ja",{},true,"\u002F20210406000000-girdsome",{"title":5,"description":5},"816a4c2eeaeeccaa45b83c15190c6501","20210406000000-Girdsomeでコメント機能を追加したい",[63],"gridsome","jfn9uWHdeFElBvfnn0SZfxeyk2qvggGdRUCOyPzrwtk",{"id":66,"title":67,"body":68,"date":72,"description":73,"extension":54,"locale":55,"meta":74,"name":77,"navigation":57,"path":78,"seo":79,"slug":6,"stem":6,"updated":72,"__hash__":80},"legacyAuthors\u002Fkoji-kadoma.md","Koji Kadoma",{"type":8,"value":69,"toc":70},[],{"title":48,"searchDepth":49,"depth":49,"links":71},[],"2021-04-01T00:00:00.000Z","Webエンジニアです。Javascript、PHP、Ruby、Dockerなどをメインで使っています。",{"image":75,"url":76},"https:\u002F\u002Fwww.codit.work\u002Fimgs\u002Favatar\u002Fkoji-kadoma.png","https:\u002F\u002Fkoji.pages.dev\u002F",null,"\u002Fkoji-kadoma",{"title":67,"description":73},"H1yaGicrsv1CzYTbFeEXQosuYx93lIutD3_XwXMhAFk",{"id":82,"title":83,"body":84,"date":72,"description":83,"extension":54,"locale":55,"meta":88,"navigation":57,"path":89,"seo":90,"slug":52,"stem":52,"updated":72,"__hash__":91},"legacyCategories\u002Fwebsite-building.md","Webサイト構築",{"type":8,"value":85,"toc":86},[],{"title":48,"searchDepth":49,"depth":49,"links":87},[],{},"\u002Fwebsite-building",{"title":83,"description":83},"h9jPLD2mzMm3L4sFN5qWSiSirySQQLdnxLhQcvw8VlQ",1783320301137]