Gitってなんだっけって方にピッタリの記事がこちらです。
https://awe-some.net/2016/06/git%e3%82%92%e4%bd%bf%e3%81%86%e5%bf%85%e8%a6%81%e3%81%8c%e3%81%aa%e3%81%84%e4%ba%ba%e3%81%a7%e3%82%82%e5%88%86%e3%81%8b%e3%82%8b%e3%82%88%e3%81%86%e3%81%ab%e8%aa%ac%e6%98%8e%e3%81%97%e3%81%a6/
Github PagesはGithubで静的サイトを公開するための無料サービスです。
AWSなど使われている方ですとA3に近いイメージというかあれですね。
Github Pagesを使うメリットとしては以下の３つ
- 無料
- Githubに送るだけで公開できる
- プロジェクト単位でWEBページを作成できる
特にSSHで接続してとか、FTP立ち上げてとか、何か面倒な作業をしなくても公開できるのはとても楽。
自身のポートレートサイト作成などに使ってみてもよいかもしれません。
目次
Github Pagesを使ってみよう
まずはGithubにログインしていただきまして。
右上にある「＋」マークをクリックすると
このようなメニューが開きますので、
ここからNew repositoryをクリック。
そうするとrepositoryの作成画面が現れます。
ownerと書かれているところががあなたのユーザーネームになります。
その隣のRepository nameに
ユーザーネーム.gihub.io
と入力してください。
あとは特に何も設定せずCreate repositoryという緑のボタンを押せば完成です。
あとは新しく作ったレポジトリに静的サイトのデータをpushすれば
https://ユーザーネーム.github.io/に無事公開されていることでしょう。
実はユーザーネームじゃなくてもいけると思ってて、
abcd.github.ioみたいな適当な名前で試してみたんですが、当然公開されてなくて。
Githubにメールしたらユーザーネームじゃないとダメだよって教えてもらえました。
本当ちゃんとマニュアルとかは読まないといけませんね。
プロジェクト単位で公開したい場合
さて、先ほどの場合ですと
https://ユーザーネーム.github.io/での公開となります。
プロジェクト単位で公開したい場合の方法ですが実はとても簡単。
まず好きな名前のレポジトリを立ち上げます。
仮に「AWESOME」というレポジトリを立ち上げた場合は
https://ユーザーネーム.github.io/AWEOME/
といったURLに静的サイトを公開させることが可能です。
方法ですがいたって簡単。
$ git checkout -b gh-pages
でgh-pagesというブランチを作成して移動します。
gh-pagesのブランチにindex.htmlをpushすれば
https://ユーザーネーム.github.io/AWEOME/
にpushしたindex.htmlが公開されます。
またcssやjavascriptなども適切に配置すればしっかりと公開されます。
JekyllならPushするだけでビルドしてくれます。
2017年注目の「静的サイトジェネレーター」を３つ紹介します。でも紹介しましたJekyll。
大人気の静的サイトジェネレーターですが、Github Pagesに対応しておりPushするだけで自動的にビルドしてくれます。
静的サイトを効率的に作るためにも是非合わせて活用してみてはいかがでしょうか。
最速でjekyllで作ったサイトをgithub page(project page)からhttpsで配信しながら、ローカルではlivereloadを有効にして最強の環境をつくるでも紹介しましたが、https配信や、Livereloadといった機能も導入できるのもJekyll、Github Pagesの特徴です。
是非一度使ってみてくださいね。
Github Pagesでサイトを公開しちゃおう！
PHPなどの動的サイトは公開することはできないのですが、
お客様へ見せたり、デザイナーや社内の人に簡単に確認してもらう時など、
pushだけすれば公開されるGithub Pagesはとても便利で楽ちんです。
どのような使い方をするかはあなた次第！とても簡単ですので是非試してみてくださいね。
