Astro

Astro

【Astro入門】ブログ記事と画像の最適なディレクトリ構成!「1記事1フォルダ」管理とslug設定

Astroで記事を作成する場合、どのようにディレクトリ構成で記事を管理するのが良いのか?そんな疑問が生じたので、色々と調査してみました。Astroの推奨構成「1記事=1ディレクトリ」従来の管理方法と懸念点現在は「src/content/bl...
Astro

【Astro入門】コンテンツコレクションでMarkdown記事を管理・表示する方法とURL(パーマリンク)の最適化

今回は、Astroの目玉機能である「コンテンツコレクション(Content Collections)」を導入して、Markdown(.md)形式で書いた記事を管理できるようにしていきます。コンテンツコレクションは、記事の「型(ルール)」を厳...
Astro

【Astro入門】SEOに強い共通レイアウト!タイトルと説明文を動的に変更する方法

前回はAstroのディレクトリ構造の解説と、全ページ共通のひな形となるレイアウト(BaseLayout.astro)を作成しました。前回の記事のリンク: 今回は、作成したレイアウトをさらに進化させ、SEO(検索エンジン対策)に欠かせない「ペ...
Astro

【Astro入門】ディレクトリ構造の解説と共通レイアウト(ひな形)の作り方

今回は以前構築したPodman + Astroの開発環境を使って、実際にWebサイトのトップページを構築してみます。前回の記事: Astro開発サーバ起動まずは、作業用のコンテナ(開発サーバー)を起動します。$ cd ~/project/a...
Astro

【Astro入門】Podmanを使ってAstroの開発環境を構築する方法(Ubuntu)

AstroをPodmanを使ってインストールする手順です。Node.jsのイメージを使用したコンテナを立ち上げ、ホスト(Ubuntu側)のディレクトリにAstroをインストールします。その後、インストールされたディレクトリをコンテナにマウン...
Astro

UbuntuにAstroをインストール

UbuntuにAstroのバージョン5.1.6をインストールして触っているので、その時の情報をまとめました。Astroとは?Astroは近年注目を集めている新しいタイプのWebフレームワークで、静的サイト生成 (SSG) をベースとしている...