[gridsome] customize

gridsomeのカスタマイズあれこれ。

書くこと

• gridsomeの処理の流れ

• customizeのポイント

  • GraphQL データの取得
  • GraphQL データの参照
  • Vueによるコンテンツ
  • layout / conponennt / page . templateの関係
• ヘッダの設定
• GraphQL Collectionは sourceのtypeNameで定義される。
• templateとpageの関係
• sourceとtemaplateページの関係

• global設定

  • gridsome.config.js
  • main.js
• ファイル名とURLpathの関係 capitalize と hyphnation
• pluginの追加
• componenntの追加
• src配下の’~‘の扱い、’@‘の扱い