このブログの公開構成

このサイトは、記事を Markdown で書き、Astro で静的ファイルへ変換して公開しています。独自ドメインは Cloudflare の DNS だけを使い、実体は GitHub Pages に置いています。

公開 URL は https://morimori.cloud/blog/ です。ドメインのルートはブログへ転送します。

全体の流れ

訪問者のリクエストは Cloudflare の DNS を経由し、GitHub Pages の静的ファイルに届きます。ビルドは main への push を GitHub Actions が受けて実行します。

flowchart LR
  author[Markdown記事]
  astro[Astro]
  actions[GitHub Actions]
  pages[GitHub Pages]
  visitor[訪問者]
  cf[Cloudflare DNS]
  blogPath["morimori.cloud/blog"]

  author --> astro
  astro --> actions
  actions --> pages
  visitor --> cf
  cf --> pages
  pages --> blogPath

選んだ理由

GitHub Pages はリポジトリと同じ場所で公開できます。Cloudflare 側では DNS レコードだけを持ち、プロキシは使いません。プロキシを有効にすると、GitHub が発行する HTTPS 証明書の確認が通りにくくなるためです。

記事にはシステム構成図を置く想定なので、Markdown の mermaid ブロックをそのまま描画できるようにしています。アクセス数は Google アナリティクス 4 で見ます。