用途は未定ですがなんとなく使ってみたくなったのでGitHub Pages
を使ってみます。
GitHub
自体は前から使っていてリポジトリも結構あるんですが全部プライベート。
後々なにか公開したときにHTMLドキュメントを載せれるようにしよう。
サーバー側も結構好きなので静的サイトってそんなに経験ないんですよね。
ちゃんと使ったことがあるのはAWS S3
くらいです。
GitHub Pages
GitHub
で静的サイトを公開できるサービスです。
ググっても結構昔の記事(現在と違う仕様)などがヒットしてイマイチです。
公式ページ(丁寧でわかりやすい)を見るのがいいと思います。
アカウントに付き1つのUser/Organization site
とリポジトリごとに作れるProject site
があるようなので両方試します。
ユーザーサイト
username.github.io
というリポジトリを作るだけです。簡単!
適当なindex.html
を配置します。
1 2 3 |
<div> Narumium github portal. </div> |
リポジトリ名と同じアドレスでアクセスすればページを見ることが出来ます。
ポータルサイトに利用できそうですね。
プロジェクトサイト
適当なテスト用のリポジトリを作ります。
できたらSettings
タブの下の方にある「GitHub Pages
」をいじります。
この項目はユーザーサイトでもありますがSource
をいじれるのはProject site
だけです。
真ん中はデフォルトだと選べません。
プロジェクトのドキュメントページという想定でdocs
フォルダにindex.html
を配置してから真ん中を選びます。
アドレスはこの形になります。
https://username.github.io/repositoryname
こちらはリポジトリごとに作成できるのでドキュメントを公開するのに役立つ。
URLのバッティング
ユーザーサイトとプロジェクトサイトでURLが重なったらどうなるんでしょう。
つまりこういうこと。
この場合プロジェクトページが優先されました。
まぁバッティングしないように気を付けてれば問題ないです。
今回見送った機能
Jekyll
テーマの設定もありましたが今回は見送ります。気が向けば次回。
あとはカスタムドメインの設定もできるようですがそこまでやるなら普通にS3
使いたいような気もする。