13
23

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 Pagesの始め方

Last updated at Posted at 2019-06-14

*** 備忘録です。間違い等があればご指摘ください。 ***

GitHub Pagesでは以下の2種類のURLのウェブページを作成できる。
  https://ユーザー名.github.io
  https://ユーザー名.github.io/リポジトリ名
以下、それぞれについて作成方法を説明する。


前提

https://ユーザー名.github.io の場合

  1. https://github.com/にSign inする。

  2. 右上の「+」から「New repository」を選択する。

  3. 「Repository name」に「ユーザー名.github.io」を入力する。

  4. リポジトリを公開する場合は「Public」、公開しない場合は「Private」をチェックする。どちらを選んでもウェブページは公開される。 有償版のGitHubを使用している場合は「Public」(リポジトリを公開する)あるいは「Private」(リポジトリを公開しない)をチェックする。無償版を使用している場合は「Public」を選択する。※@xylitol45@githubさんにご指摘いただきました。ありがとうございます。

  5. 「Initialize this repository with a README」をチェックする。

  6. 「Create repository」をクリックする。

  7. ローカルホストで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/リポジトリ名 の場合

  1. https://github.com/にSign inする。

  2. 右上の「+」から「New repository」を選択する。

  3. 「Repository name」にリポジトリ名を入力する。

  4. リポジトリを公開する場合は「Public」、公開しない場合は「Private」をチェックする。どちらを選んでもウェブページは公開される。 有償版のGitHubを使用している場合は「Public」(リポジトリを公開する)あるいは「Private」(リポジトリを公開しない)をチェックする。無償版を使用している場合は「Public」を選択する。※@xylitol45@githubさんにご指摘いただきました。ありがとうございます。

  5. 「Initialize this repository with a README」をチェックする。

  6. 「Create repository」をクリックする。

  7. 「Create new file」をクリックする。

  8. 「Name your file...」に「docs/index.html」と入力し、「Commit new file」ボタンをクリックする。

  9. 「Settings」をクリックする。

  10. 画面をスクロールさせて、下の方にある「GitHub Pages」の「Source」から「master branch /docs folder」を選択する。

  11. ローカルホストで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/リポジトリ名  <-- 修正したウェブページを確認(更新に若干時間がかかる)
13
23
2

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
13
23

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?