Astroでコンテンツを複数作りたい

コンテンツを分けたい

• tech, golf, random(雑記)にとりあえず分けたい
• 理由:
  • デザインを変えたい。
  • データを変えたい。等

手順

tech

• とりあえず、content/tech を作成
  • コピー元: content/blog
• config.ts に、techCollection を追加
• src/layouts/TechLayout.astroを作成
  • コピー元: src/layouts/BlogLayout.astro
• src/components/item/Tech.astroを作成
  • コピー元src/components/item/Blog.astro
• src/pages/techを作成
  • コピー元: src/pages/blog
• src/script/tech.jsを作成
  • コピー元: src/script/blog.js
• src/styles/content/tech.cssを作成
  • コピー元: src/styles/content/blog.css
• src/styles/pages/tech.cssを作成
  • コピー元: src/styles/pages/blog.css
• 一通り、blog → tech に置換
• 最終的に、content/blog に関与するものは削除

random

• config.ts に、randomCollection を追加
• test 記事を追加
  • src/content/random/post-1.mdx
• ルーティング設定
  • この間に random 用の layout ファイルを作成
    • src/layouts/content/randomLayout.astro
• random の記事一覧ページを作成
  • ほぼ tech をコピペ
• タグ一覧ページも作っとく
  • path: random/tag

golf

• random と同じように