[{"data":1,"prerenderedAt":183},["ShallowReactive",2],{"legacy-question-30fb97c8f34c060ce24fdf4faf546c33":3,"legacy-question-author-koji-kadoma":156,"legacy-question-category-website-building":172},{"id":4,"title":5,"author":6,"body":7,"category":143,"date":144,"description":5,"extension":145,"locale":146,"meta":147,"navigation":148,"path":149,"seo":150,"slug":151,"stem":152,"tag":153,"updated":144,"__hash__":155},"legacyQuestions\u002F20210405000000-GridsomeでのURLの設定方法・決め方は？.md","GridsomeでのURLの設定方法・決め方は？","koji-kadoma",{"type":8,"value":9,"toc":139},"minimark",[10,15,19,32,35,38,101,110,113,124,127,130,136],[11,12,14],"h2",{"id":13},"gridsomeでのurl決定ルールは3つ","GridsomeでのURL決定ルールは3つ",[16,17,18],"p",{},"GridsomeでURLを決定するのは、",[20,21,22,26,29],"ol",{},[23,24,25],"li",{},"src\u002Fpages内のVueファイル",[23,27,28],{},"gridsome.config.js内の設定",[23,30,31],{},"gridsome.server.js内の設定",[16,33,34],{},"の3つです。",[16,36,37],{},"それぞれの違いを表にまとめると下記のようになります。",[39,40,41,61],"table",{},[42,43,44],"thead",{},[45,46,47,51,55,58],"tr",{},[48,49,50],"th",{},"方法",[48,52,54],{"align":53},"center","URLの決まり方",[48,56,57],{"align":53},"静的ページ出力",[48,59,60],{"align":53},"動的ソースの静的ページ出力",[62,63,64,78,90],"tbody",{},[45,65,66,69,72,75],{},[67,68,25],"td",{},[67,70,71],{"align":53},"pages以下のパスの通り",[67,73,74],{"align":53},"○",[67,76,77],{"align":53},"x",[45,79,80,83,86,88],{},[67,81,82],{},"gridsome.config.js",[67,84,85],{"align":53},"設定を記述",[67,87,74],{"align":53},[67,89,74],{"align":53},[45,91,92,95,97,99],{},[67,93,94],{},"gridsome.server.js",[67,96,85],{"align":53},[67,98,74],{"align":53},[67,100,74],{"align":53},[16,102,103,104,109],{},"違いとしては、",[105,106,108],"a",{"href":107},"\u002Fq\u002Fa8c2009a9b420356be5b5cbd9e4bfa48\u002F","GridsomeのTemplateとPageのと違い","に近い形になります。",[16,111,112],{},"gridsome.config.js、gridsome.server.jsを使う場合は、Templateを使うことになるので、設定ファイル内で自由にURLを決定できます。",[114,115,120],"pre",{"className":116,"code":118,"language":119},[117],"language-text","\u002F\u002F gridsome.config.js\n{\n  use: '@gridsome\u002Fvue-remark',\n  options: {\n    typeName: 'Articles',\n    baseDir: '.\u002Fcontent\u002Farticles',\n    template: '.\u002Fsrc\u002Ftemplates\u002FArticles.vue',\n    route: \"\u002Farticles\u002F:slug\u002F\",\n  }\n},\n","text",[121,122,118],"code",{"__ignoreMap":123},"",[16,125,126],{},"URLを決定するのは「route」の部分です。データソースから文字列を取得してURLを指定できます。",[16,128,129],{},"上の例の場合は、「\u002Fcontent\u002Farticles」内にあるマークダウンファイルのフロントマッターにある「slug」という項目を使ってURLを決定しています。",[114,131,134],{"className":132,"code":133,"language":119},[117],"\u002F\u002F hogehoge.md\n---\ntitle: 記事のタイトル\ndate: 2021-04-05T02:00:00.000Z\nslug: kiji-no-title  \u002F\u002F \u003C=== ここを取得する\n---\n\n記事本文\n",[121,135,133],{"__ignoreMap":123},[16,137,138],{},"フロントマッターにある全てのソースが利用できますが、URLで禁止されている文字列があるとエラーなるので注意が必要です。",{"title":123,"searchDepth":140,"depth":140,"links":141},2,[142],{"id":13,"depth":140,"text":14},"website-building","2021-04-05T02:00:00.000Z","md","ja",{},true,"\u002F20210405000000-gridsomeurl",{"title":5,"description":5},"30fb97c8f34c060ce24fdf4faf546c33","20210405000000-GridsomeでのURLの設定方法・決め方は？",[154],"gridsome","fjG_hsTjCYyUbGVV48OsXzvPddTVhaJf1xRV50QDqHA",{"id":157,"title":158,"body":159,"date":163,"description":164,"extension":145,"locale":146,"meta":165,"name":168,"navigation":148,"path":169,"seo":170,"slug":6,"stem":6,"updated":163,"__hash__":171},"legacyAuthors\u002Fkoji-kadoma.md","Koji Kadoma",{"type":8,"value":160,"toc":161},[],{"title":123,"searchDepth":140,"depth":140,"links":162},[],"2021-04-01T00:00:00.000Z","Webエンジニアです。Javascript、PHP、Ruby、Dockerなどをメインで使っています。",{"image":166,"url":167},"https:\u002F\u002Fwww.codit.work\u002Fimgs\u002Favatar\u002Fkoji-kadoma.png","https:\u002F\u002Fkoji.pages.dev\u002F",null,"\u002Fkoji-kadoma",{"title":158,"description":164},"H1yaGicrsv1CzYTbFeEXQosuYx93lIutD3_XwXMhAFk",{"id":173,"title":174,"body":175,"date":163,"description":174,"extension":145,"locale":146,"meta":179,"navigation":148,"path":180,"seo":181,"slug":143,"stem":143,"updated":163,"__hash__":182},"legacyCategories\u002Fwebsite-building.md","Webサイト構築",{"type":8,"value":176,"toc":177},[],{"title":123,"searchDepth":140,"depth":140,"links":178},[],{},"\u002Fwebsite-building",{"title":174,"description":174},"h9jPLD2mzMm3L4sFN5qWSiSirySQQLdnxLhQcvw8VlQ",1783320301475]