Profile

Tech Note Blog with Astro

Astroを使ったサイト構築手順のまとめ


Astroのblogテンプレート設定方法

By Kei Yokoo July 7, 2025 Posted in Astro
Astroのblogテンプレート設定方法

こちらの記事では、Astroの無料テーマを使ってblogを構築する手順を説明します。

テーマのダウンロード

こちらのサイトから、お好きなテーマを選んでダウンロードします。

今回は、Storytellerというテーマを使用します。

画面内のGet Started ボタンをクリックし、Githubのへ移動。

ファイルをcloneするか、ダウンロードします。
※今回はzipファイルをダウンロードして進めていきます。

クローンする場合は

git clone https://github.com/hasinhayder/storyteller-astro.git

ファイルを所定の位置へ移動(コピー)

ダウンロードしたファイルを、 Astroのフォルダにコピーします。

C:\Users\**USERE_NAME**\Desktop\Astro_test\astro

テーマの初期設定

手順に沿って初期設定を行います。

storytellerのフォルダへ移動し、以下のコマンドを入力

npm install

続いて、

npm run dev

をたたくと、ローカルサーバーが立ち上がり、
blogのトップページを確認することができます。

ひとまずこちらで、動作確認は終了。

あとは、適宜、ファイルを微調整していきます。


こちらもおすすめ