Last updated on

1記事目の投稿


template blog

Astro にはブログ用のテンプレートが用意されていて、 npmでインストールしたら、すぐにブログを始められるようになっていた。

記事はmdファイルで書ける。

つまずいたこと

  • 投稿日pubDateは、Apr 06 2026 のような形式で指定する必要があるらしい。
  • 適当に2026-04-06 のような形式で指定すると、投稿日が表示されない。
  • 以下のようなエラーが出る
    data does not match collection schema
  • 改行もどうやって入れればいいかよくわからず..

やりたいこと

  • このブログのテンプレートファイルを触りながら、Astroの仕組みを理解する
  • ブログのデザインを自分好みに変更する
    • ダークモードとライトモードの切り替え
    • フォントの変更(見出しが大き過ぎるとか)
  • カテゴリーの機能を追加して、日記的なものと技術的なものを分けられるようにする
  • 日付の表記を2026-04-06のような形式に変更する
  • スタイルガイドの記事は、下書き状態のようにして保管したい。

更新日の表示

updatedDate を追加することで、更新日を表示できるらしい。

updatedDate: '2026-04-10'

更新日の表示

updatedDate を追加することで、更新日を表示できるようになった。