*** 備忘録です。間違い等があればご指摘ください。 ***
GitHub Pagesでは以下の2種類のURLのウェブページを作成できる。
https://ユーザー名.github.io
https://ユーザー名.github.io/リポジトリ名
以下、それぞれについて作成方法を説明する。
前提
- GitHubのSign up(ユーザー登録)は終了している。
- SSH公開鍵の作成とGitHubへの登録は終了している。
https://ユーザー名.github.io の場合
-
https://github.com/にSign inする。
-
右上の「+」から「New repository」を選択する。
-
「Repository name」に「ユーザー名.github.io」を入力する。
-
リポジトリを公開する場合は「Public」、公開しない場合は「Private」をチェックする。どちらを選んでもウェブページは公開される。有償版のGitHubを使用している場合は「Public」(リポジトリを公開する)あるいは「Private」(リポジトリを公開しない)をチェックする。無償版を使用している場合は「Public」を選択する。※@xylitol45@githubさんにご指摘いただきました。ありがとうございます。 -
「Initialize this repository with a README」をチェックする。
-
「Create repository」をクリックする。
-
ローカルホストでindex.htmlファイルを作成し、リモートリポジトリを更新する。
$ cd ~/GitHub <-- 各自のGitHubのリポジトリを保存しておくディレクトリ
$ git clone https://github.com/ユーザー名/ユーザー名.github.io.git
$ cd ユーザー名.github.io
$ echo "Welcome to ユーザー名.github.io" > index.html
$ git add index.html
$ git commit -m "Create index.html"
$ git push
$ open https://ユーザー名.github.io <-- 作成したウェブページを確認(更新に若干時間がかかる)
8. ローカルホストでファイルの修正や追加を行ったら、リモートリポジトリを更新する。
```
$ git add ファイル名
$ git commit -m "コメント"
$ git push
$ open https://ユーザー名.github.io <-- 修正したウェブページを確認(更新に若干時間がかかる)
https://ユーザー名.github.io/リポジトリ名 の場合
-
https://github.com/にSign inする。
-
右上の「+」から「New repository」を選択する。
-
「Repository name」にリポジトリ名を入力する。
-
リポジトリを公開する場合は「Public」、公開しない場合は「Private」をチェックする。どちらを選んでもウェブページは公開される。有償版のGitHubを使用している場合は「Public」(リポジトリを公開する)あるいは「Private」(リポジトリを公開しない)をチェックする。無償版を使用している場合は「Public」を選択する。※@xylitol45@githubさんにご指摘いただきました。ありがとうございます。 -
「Initialize this repository with a README」をチェックする。
-
「Create repository」をクリックする。
-
「Create new file」をクリックする。
-
「Name your file...」に「docs/index.html」と入力し、「Commit new file」ボタンをクリックする。
-
「Settings」をクリックする。
-
画面をスクロールさせて、下の方にある「GitHub Pages」の「Source」から「master branch /docs folder」を選択する。
-
ローカルホストでindex.htmlファイルを作成し、リモートリポジトリを更新する。
$ cd ~/GitHub <-- 各自のGitHubのリポジトリを保存しておくディレクトリ
$ git clone https://github.com/ユーザー名/リポジトリ名.git
$ cd リポジトリ名/docs
$ echo "Welcome to リポジトリ名" > index.html
$ git add index.html
$ git commit -m "Revise index.html"
$ git push
$ open https://ユーザー名.github.io/リポジトリ名 <-- 作成したウェブページを確認(更新に若干時間がかかる)
8. ローカルホストでファイルの修正や追加を行ったら、リモートリポジトリを更新する。
```
$ git add ファイル名
$ git commit -m "コメント"
$ git push
$ open https://ユーザー名.github.io/リポジトリ名 <-- 修正したウェブページを確認(更新に若干時間がかかる)