0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

GitHub の機能 GitHub Pages でウェブサイトを公開する為の手順

Last updated at Posted at 2020-08-20

この記事を読むとわかること

GitHubの設定をデフォルトから変更するだけでウェブページをネット上に公開する方法がわかります。

前提条件

OSバージョン: macOS Mojave Version 10.14.6
gitバージョン: 2.27.0
Gitがインストール済みであること
GitHubのアカウントを持っていること
GitHubに公開したいウェブサイトのhtmlファイルが既に公開済みであること

1. GitHubのリポジトリにて設定画面を開く

リポジトリ名の下で [Settings] をクリックします。
Screen Shot 2020-08-20 at 18.52.05.png

2. 設定画面のGitHub Pagesの項目の設定を変更

GitHub Pagesの項目まで下にスクロールして、Sourceのプルダウンメニューにて、デフォルトでは"None"になっている箇所を、"Select branch"を選び、ブランチ"master"を選びます。
Screen Shot 2020-08-20 at 17.45.10.png

3. ウェブサイトのソースファイルを選択する

"Select branch"のプルダウンメニューからブランチを選択した後、ディレクトリを選択するためのプルダウンメニューが表示されますので、"root"か"docs"か選択します。
以下の例ではdocsフォルダを作っていないので、"root"を選択しています。
そして、"Save"を押して設定を保存します。これでウェブサイトは公開されました。

以下の図の右上に表示されているURLから公開されたウェブサイトにアクセスできます。
直後にアクセスしてもエラーになりますが、サイトが正常に表示されるまでに数分かかります。

Screen Shot 2020-08-20 at 18.32.23.png

終わり。

参考情報

[Creating a GitHub Pages site (GitHub.com Help Documentation)]
(https://docs.github.com/en/github/working-with-github-pages/creating-a-github-pages-site)

0
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?