LoginSignup
1
0

More than 5 years have passed since last update.

GitHubのUserPagesをカスタムドメインで運用する

Posted at

TL;DR

  • GitHubユーザーに割り当てられるUserPagesを、カスタムドメイン(s4kr4.com)からアクセス可能にした
  • GitHub Pages便利!

準備物

  • 独自ドメイン
  • (username).github.ioと名付けられたGitHubリポジトリ

手順

1. (username).github.ioリポジトリを作成する

僕のGitHubユーザー名はs4kr4なので、リポジトリ名はs4kr4.github.ioとなる。
スクリーンショット 2017-03-07 20.53.29.png

作成したリポジトリ:
s4kr4/s4kr4.github.io


2. リポジトリ直下に適当なindex.htmlを放り込む

スクリーンショット 2017-03-07 21.28.57.png

……HTMLファイルですらないただのテキストファイルだが、この時点でhttp://s4kr4.github.io/にアクセスしてページを見ることができるようになっている。


3. リポジトリの [Settings] > [GitHub Pages] > [Custom domain] にカスタムドメイン名を入力
screencapture-github-s4kr4-s4kr4-github-io-settings-1488887788477.png


4. ドメインを取得したサービスでDNS設定

DNS設定で以下2つのIPアドレスを指すAレコードを作成する。

  • 192.30.252.153
  • 192.30.252.154

s4kr4.comを取得したムームードメインでの設定例

スクリーンショット 2017-03-07 21.21.59.png

DNSが反映されるのを待ち、http://s4kr4.com/にアクセスすると、先程と同じページを見ることができる。
また、元々のURLであるhttp://s4kr4.github.io/にアクセスしても、http://s4kr4.com/にリダイレクトされるようになっている。
スクリーンショット 2017-03-07 21.34.31.png

まとめ

  • お手軽に独自ドメインのWebサイトを公開し、Gitでバージョン管理もできるので、GitHub Pagesはとても便利。

参考

1
0
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
1
0