Github Pages を利用して独自ドメインのWebサイトを作る
必要なもの
- HTML・CSS・JavaScript(TypeScript)ファイル
- 独自ドメイン
- Githubアカウント
メリット・デメリット
- ドメイン取得にかかるコストだけでWebサイトを公開できる
- ドメインにこだわりがなければ独自ドメインを取得しなくてもOK, ドメインはGithub Pagesが指定したものになる
- 動的なサイトは作れない、特にデータベース付きの場合
手順
- 自身のGithub上にWebサイトを構成するHTMLファイルなどをcommit & pushする
- Setting > Pages からGithub Pagesを有効化する
- 独自ドメインについてCNAMEレコードにDNS設定から登録する(username.github.io みたいなの) : この時wwwをサブドメインで登録することが推奨される
- Custum domainに自身の独自ドメインを登録する
- 完成
CNAMEで登録しているので下の2つは同じ行き先になる(www.marufura.net)
以下のリンクをホバーさせたときに示しているURLが異なることを確認してみて下さい
簡単だね