VuePressからAstroにブログを変えてみた
VuePressで雑多な内容(育児や本のメモや、日本の世界遺産にいく計画など..)のブログを書いていたのですが、この度Astroにブログを乗り換えてみました。
ちなみにこんな見た目です。

VuePressもAstroも静的サイトジェネレータでマークダウン形式で記事を書くことができます。
なぜ乗り換えたか
乗り換えた理由は以下の通りです。
- VuePressの見た目が簡素だった(ので、あまり記事を書く気にならなかった.. 自分が選んだテンプレートが簡素(ミニマム)だっただけです。)
- 新しいものを使ってみたかった.
- 既存のブログの内容が雑多すぎて、まじめに技術メモを書こうと思った
Astroの良いところ
レスポンスが早いです。ビルド時にJavaScriptを使わないようにHTMLを生成することでレスポンスの高速化を図っているそうです。
いろいろなテンプレートがあリます。テンプレート(テーマ)を見ていて、いいな〜と思うものが何個かあるはずです。
セットアップでつまづいた点
Node.jsのバージョンがv12だとnpm run devでエラーになりました。v18だとエラーなくlocalhostでウェブサイトを確認することができました。Astroのインストールの前提条件を見ると、Node.jsのバージョンがちゃんと書いてありました。
公式サイトのgetting-startedや各テーマのGitHubのREADME.mdを見たりしてセットアップするようにしましょう。