- 更新日: 2015年1月26日
- Git
GitHubのgh-pages (github.io)でWebページを公開
スポンサーリンク
GitHub の gh-pages というブランチの機能を使うと、超簡単にリポジトリのWebページを用意できました。すごい簡単便利で今後使っていこうと思うので備忘録。
【お知らせ】 英単語を画像イメージで楽に暗記できる辞書サイトを作りました。英語学習中の方は、ぜひご利用ください！
画像付き英語辞書 Imagict | 英単語をイメージで暗記スポンサーリンク
gh-pages ブランチを切って .github.io で Web ページ公開
Qiita の以下ページの説明が大変分かりやすかったです。
HTML – GitHubでWebページを公開する方法 – Qiita
手順の要約です。
1. GitHub のリポジトリを作成
2. 普通に git push -u origin master
3. GigHub リポジトリのウェブページで gh-pages というブランチを切る
4. http://user_name/.github.io/repo_name/***/***.html にブラウザでアクセスできる
以上で、gh-pages ブランチの内容が、http://user_name/.github.io/repo_name/ 以下のページで公開されます。
master を更新した場合に gh-pages も更新する
一つ問題として考えたのが、master ブランチと gh-pages ブランチを同じ内容に保っていく方法。
まずは master ブランチを push。
|
1 2 3 4 5 |
$ git add . $ git commit -m 'update something' $ git push origin master |
gh-pages をチェックアウト。
|
1 2 3 |
$ git checkout gh-pages |
ローカルになければ（初回は）、-b オプションでブランチ作成後チェックアウト。
|
1 2 3 |
$ git checkout -b gh-pages |
rebase master する。
|
1 2 3 |
$ git rebase master |
gh-pages を push。
|
1 2 3 |
$ git push origin gh-pages |
以上の作業で、一応 master と gh-pages は同じ内容を保てます。が、ちょっと面倒臭い。.git/hooks/post-commit を使って自動化できるらしいので、今度もう少し調べて試してみます。
- – 参考リンク –
- githubのgh-pagesブランチを使って自作サイトを表示する方法 at HouseTect, JavaScriptな情報をあなたに
- Githubでgh-pagesを作成する | jekylog
スポンサーリンク
Git と GitHub はプログラマーの必須ツールです。
>> 次の記事 : Bitbucketで作成済みWikiページの一覧リストを確認
<< 前の記事 : git diffで長い行を折り返し表示
- Git の関連記事
- git cleanでUntracked files(未追跡ファイル)をまとめて削除
- .gitignoreを自動生成するgiboとgi(gitignore.io)コマンド
- git管理ファイルを.gitignoreに追加してgit管理から外す
- gitマージのコンフリクトで片方ブランチのファイル変更内容を採用
- git logコマンドで他ブランチにマージされていないコミットのみを確認
- Bitbucketで作成済みWikiページの一覧リストを確認
- git diffで長い行を折り返し表示
- git diffでブランチ間のファイル差分を確認するあれこれ
- Git の履歴からファイルを完全に削除する – git filter-branch
- Bitbucketアカウント作成〜ローカルのGit既存プロジェクトをインポート（push）
Leave Your Message!