Astro v3のMarkdown内の画像に、<figcaption>でキャプションを追加する
Astroは2023年8月30日にバージョン3がリリースされ、画像の取り扱いが大きく変わりました。 バージョン2までは「public」フォルダーに保存していた画像を、バージョン3では「src/assets」フォルダーに入れることで、Mar…
Astroは2023年8月30日にバージョン3がリリースされ、画像の取り扱いが大きく変わりました。 バージョン2までは「public」フォルダーに保存していた画像を、バージョン3では「src/assets」フォルダーに入れることで、Mar…
前回、MeilisearchをAstroに導入しましたが、日本語の漢字語彙の検索にまだ少し難があるため、Algoliaも試しました。 Algoliaは、ドキュメント数10,000・月10,000サーチまでが無料となっています。個人や小規模…
Astro + Markdownのブログで、前後の記事を表示させる方法です。 CMSのAPI等でデータを引っ張ってくる場合でも、渡すデータを変えれば使えると思います。 ざっくりした流れは、 全記事を取得し、日付順(新着順)に並び替える 全…
Astroで作る静的サイトで悩ましい問題の1つが、検索機能の実装です。 Gatsby.jsのようにAlgolia等のプラグインが用意されていれば多少は楽なのですが、Astroの場合は現時点ではそのようなものはありません。 一方、導入が手軽…
AstroとMarkdownで作るブログ形式の静的サイトで、関連記事を生成する1つのアイディアです。 APIで記事を取得する場合も、絞り込み等をアレンジすれば使えると思います。 動作環境 astro v1.9.1 Astroサイトの構造 …