2023年3月14日 / 最終更新日時 : 2023年3月14日 あかひげ 記事 Astroで色々なアイコンをサクッと使う Astro Iconを使うと便利で簡単。 SVGでアイコンを書いてくれる。 インストール Iconのサンプル アイコンを使って以下のような表示のメニューを作ってみる。 シンプルにアイコンを描画したい場合はIconコンポー […]
2023年2月23日 / 最終更新日時 : 2023年2月23日 あかひげ 記事 Astroの静的ルーティングとファイルタイプの整理 ファイルタイプで少し混乱することがあったので、公式ドキュメントのルーティングとページを参考に確認していく。 静的ルーティング（ファイルベースルーティング） ファイルベースのルーティングによって、src/pages以下に置 […]
2023年2月21日 / 最終更新日時 : 2023年2月22日 あかひげ 記事 AstroのMarkdownで改行したとこにBRタグを入れる Markdownで改行したところは見た目的にも改行されて欲しい派なので、Astroでもそういうかんじにする。astro.config.mjsにてMarkdownの設定にremark-breaksと言うRemarkのプラグ […]
2023年2月10日 / 最終更新日時 : 2023年2月10日 あかひげ 記事 Astroで大量の画像を扱おうとしたら踏んだ穴 大量の画像を扱うのは実用的ではない これはAstroに限らずSSG全般に言えることだが、画像が大量にあるとコンパイルがクッソ遅くなる。かつ容量が大きい画像ほど遅い。ので、写真をメインに見せるサイトなどでサイト内部に画像を […]
2023年1月19日 / 最終更新日時 : 2023年4月6日 あかひげ 記事 Astroでレストパラメーターを使った動的ルーティングで日記を表示する 日記とはつまり以下のようなファイル構造を持つコンテンツのことで AstroではMarkdownファイルを単にsrc/pages以下に配置すれば次のようなURLでアクセスできる。これはファイルベースのルーティング（静的ルー […]