先行記事多数ですが、自分のために書いています。お目汚し失礼します。

公開Webサイトの作り方は3種類

GitHubを使って公開Webサイトを作る方法は3つあるそうです。

プロジェクト毎
ユーザー
組織

後者2つはGitHubのアカウントにひも付き、アカウントひとつにつき一サイトしか作れないそうです。

プロジェクト毎のWebサイトを試してみます。

プロジェクト毎のWebサイトを作る手順

レポジトリの設定を開く

レポジトリを開きます。README.mdしかない寂しいレポジトリですね。

Settingsをクリックします。

公開サイトのソースを選ぶ

3種類のソースから、公開元を選ぶことができます。

gh-pagesブランチ
masterブランチのルートディレクトリ
masterブランチのdocsディレクトリ

masterブランチのルートディレクトリを選んでみます。

画面が切り替わってURLが表示されました。

こんなんできました

こんなんできました。
http://sengokyu.github.io/eki-naka-nomi/

テーマを選択する

画面が寂しいのでテーマを選択します。

設定画面から、Choose a theme をクリックします。

好きなテーマを選んでSelect themeをクリックします。

テーマが適用されました

こんなんできました。
http://sengokyu.github.io/eki-naka-nomi/

レポジトリに設定ファイルが増えています。
https://github.com/sengokyu/eki-naka-nomi

公開WebサイトはJekyllというものを使ってビルドされるそうです。あとで調べてみます。

独自ドメインにする

せっかくなので独自ドメインにします。

ここでも3種類のやりかたがあるそうです。

wwwをつけた一般的なサブドメイン (例: www.example.com)
お好みのサブドメイン（例: blog.example.com)
サブドメインなし (例: example.com)

お好みのサブドメインを試してみます。

ドメイン名を設定する

お好みのドメイン名を入力してSaveをクリックします。
ekinaka.uart.devにしてみました。

レポジトリにCNAMEというファイルが増えていました。

入力したドメイン名が入っています。

DNSレコードを追加する

自分はGoogle Domainsを使っているので、そこからDNSレコードを追加しました。

名前: お好みのサブドメイン
種別: CNAME
TTL: デフォルト(1時間)
値: ユーザー名.github.io.

確認

できたかどうか確認してみます。

なんでかAレコードが返ってきました。きっと誰かがよきにしてくれているのでしょう。。。

% dig ekinaka.uart.dev                                                                                                      (~/Documents/eki-naka-nomi)

; <<>> DiG 9.10.6 <<>> ekinaka.uart.dev
;; global options: +cmd
;; Got answer:
;; ->>HEADER<<- opcode: QUERY, status: NOERROR, id: 37316
;; flags: qr rd ra ad; QUERY: 1, ANSWER: 4, AUTHORITY: 0, ADDITIONAL: 0

;; QUESTION SECTION:
;ekinaka.uart.dev.              IN      A

;; ANSWER SECTION:
ekinaka.uart.dev.       3578    IN      A       185.199.111.153
ekinaka.uart.dev.       3578    IN      A       185.199.110.153
ekinaka.uart.dev.       3578    IN      A       185.199.109.153
ekinaka.uart.dev.       3578    IN      A       185.199.108.153