未ログイン状態で閲覧中
  • 投稿日:2026/04/25
  • 更新日:2026/04/27
【画像で解説】Cloudflare PagesでホームページをWebに公開する手順

【画像で解説】Cloudflare PagesでホームページをWebに公開する手順

  • -
  • -
会員ID:BC7CgTK0

会員ID:BC7CgTK0

この記事は約6分で読めます
要約
CloudflareアカウントでPagesプロジェクトを作り、GitHubリポジトリと連携してカフェのホームページを静的サイトとして無料で公開するまでの手順を画像付きで解説します。

前回の記事

【画像で解説】Mac版GitHub Desktopでデータをバックアップする手順

この記事でできること

この記事では、Cloudflare Pages(クラウドフレア ページズ) を使って、前の記事でGitHubにバックアップしたカフェのホームページを無料でインターネットに公開するまでの手順を解説します。

公開が完了すると、〇〇.pages.dev という形のURLが発行され、世界中からアクセスできるようになります。


06_Cloudflare(Googleドライブ)


01-deploy-10.pnghttps://kimchimiso-cafe-hp-mock.pages.dev/


全体像

00-overall.pngこの記事は単体で完結する内容です。たまたまこの記事に辿り着いた方も、ここだけ読めば大丈夫です。「全体の流れの中での位置づけが知りたい」方は、上の図をご覧ください。


前提

前の記事でカフェのホームページをGitHubにバックアップする手順が完了していること

続きは、リベシティにログインしてからお読みください

ノウハウ図書館でできること
  • すべての記事の閲覧

  • ブックマーク

  • いいね・レビュー

  • 記事の投稿※応援会員(有料)のみ

  • ポイントの獲得※応援会員(有料)のみ

※会員登録には、新入生会員(初月30日無料)と応援会員(有料)があります

応援会員制度とは?
さらに!
  • リベシティの他の機能やサービスもご利用いただけます詳しく見る

ブックマークに追加した記事は、ブックマーク一覧ページで確認することができます。
あとから読み返したい時に便利です。

会員ID:BC7CgTK0

投稿者情報

会員ID:BC7CgTK0

トラ会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(0

まだレビューはありません