Astroでブログを作るときにやったこと
このブログはAstroで作成・日々更新しています。このブログのレイアウトを作るときにやったことをつらつらと書いていきます。
Astroを選んだ理由
まずAstroを選んだ理由は大体以下の通り
- 特に難しくなさそう
- 軽そう
- 流行ってそう
- Markdownで書けそう
あくまでもブログを書くことが目的で、デザイン・レイアウトを細かく決めたいわけではなかったこと。過去にWordPressを使用していたが、ページの更新が地味に億劫で気軽に追加できるMarkdown形式を使いたかったと感じていたことも重なりAstroに決めました。
ざっくりとした作成手順
- node(18.20.8以上)をインストールする
npm create astro
を実行し、プロジェクトを作成- 作成途中でテーマを聞かれるので
blog
を選択 npm run dev
でdevサーバーを起動する- 自分なりにカスタマイズする
自分がやったこと
- タイトルの変更
- 左上
- フッター
- Aboutの変更
- Blogページをサイトのトップページに変更 (既存のは削除)
- 各種リンクの変更
- ヘッダー
- フッター
- Google Analyticsタグの設置
- PartyTownの導入
- javascriptをバックグラウンドスレッドで実行させるやつ
- PROD環境のみAnalyticsのタグをレンダリングする
- PartyTownの導入
終わりに
今回やったことを色々まとめてみました。数時間作業すれば、ある程度は形になったので結構満足しています。 とはいえ数日しか使用していないので分からないところも多いです。大体のことは出来ると思うので、便利に使えるように色々調整していきたいですね。
以上。
余談
npm create
って何ぞや