GitHub Pagesを公開する方法

このページでは、Webサイトを公開する方法を説明します。自分で作成したWebサイトを公開する方法はいくつかありますが、ここではGitHub Pagesを使ってみましょう。GitHub Pagesを使う場合、追加で用意するものは無料のGitHubアカウントのみですから、初心者がWebサイトを公開する一番気軽な方法だと言えるでしょう。

GitHubのアカウントを持っていない方は、こちらからGitHubに登録することができます。

1. 新規リポジトリの作成

GitHub上に新規リポジトリを作成し、公開設定をPublicにします。

2. ファイルのアップロード

1.で作成したリポジトリに移動し webサイト用のファイルをupしたら、Settingsに進みます。 ※ ここでは無料のbootstrapテンプレート (Resume–Start Bootstrap) を使用しています。

3. レポジトリの設定

Settings > Pages > Build and development の設定をします。

  • Source: Deploy from a branch
  • Branch: main / (root) *

を選択して保存。* ファイルを置いたディレクトリの場所(ここではresumeディレクトリの場所)を指定しています。

4. Webサイトの公開を確認

https://GitHubのアカウント名.github.io/リポジトリ名にアクセスして、Webサイトが公開できたことを確認しましょう。

注意

GitHub Pagesには使用規約があり、たとえば商用サイトを公開することは禁止されています。個人的な使用であれば規約の範囲内ですが、気になる人はこちらから確認してみてください。

参考

GitHub Pages について-GitHub Doc
自分で作ったWebページをインターネット上に公開しよう!-Progate