Astroでブログを作った

astroblog

Astroでこのブログを作りました。完全静的出力で、Cloudflare Pagesにデプロイしています。

構成

  • フレームワーク: Astro（SSG）
  • 記事: MDX（このリポジトリの docs/ に置くだけ）
  • シンタックスハイライト: expressive-code（コピーボタン・行番号付き）
  • リンクカード: remark-link-card-plus
  • OGP画像: satori + BudouX でビルド時に自動生成
  • ホスティング: Cloudflare Pages

コードはこんな感じでハイライトされます。

export const SITE_NAME = 'どて焼き食べたい';

公式サイトはこちら。

Astro
Astro builds fast content sites, powerful web applications, dynamic server APIs, and everything in-between.
astro.build

書き方

docs/ に .mdx ファイルを置いてpushするだけで記事になります。記法の一覧は docs/_sample/markdown-sample.mdx にまとめてあります。