GitHub Pagesを使ってサイトを公開する方法

GitHub Pagesとは

GitHub Pages とは、GitHub のリポジトリから HTML、CSS、および JavaScript ファイル を直接取得し、任意でビルドプロセスを通じてファイルを実行し、ウェブサイトを公開できる静的なサイトホスティングサービスです。

リポジトリの新規作成

まずはGitHubにログインし右上の＋マークを押してNew repositoryをクリック。

リポジトリの名前を入力しCreate repositoryをクリック。

ローカルファイルをGitHubにプッシュする

公開したいフォルダでターミナルを開き、以下を実行する。

git init
git add .
git commit -m "first commit"
git branch -M main
git remote add origin <自分のリモートリポジトリのURL>
git push -u origin main

自分のリモートリポジトリのURLには先ほど作成したリモートリポジトリのURLをコピーして入れてください。

自分のGitHubのリポジトリページに戻りプッシュされ反映されていることを確認。

GitHub Pagesの設定

Settings>Pagesをクリック。

mainブランチを選択してSaveをクリック。

Branchの部分が「None」になっていたら「main」に変更する。

そうすると画面上部にURLが発行されるのでそちらをクリックすると無事サイトが公開されます。

以上がGitHub Pagesを使ってサイトを公開する方法です。