街撮りchの中のひとのブログ

GitHub Pagesでサイト作ってみる(Middlemanで)初期設定、Github編。

目次

無事初期化できるようになったので初期化。
その前にGithub Pagesで公開するための準備を。

あたらしくレポジトリを作くる。
そう言う場合はちょっと設定が必要らしくレポジトリ名もアカウント名+「.github.io」にする。
ということで自分の場合はshigekitakeguchi.github.ioで作成する。

次にブランチを作るんだけどmasterブランチは公開用のファイルを置くことになる。
例えばindex.htmlを作ってコミットすると

https://shigekitakeguchi.github.io

でホスティングされる。 Middlemanのローカルでのファイル構成はというとこんな感じ。

スクリーンショット 2015-04-16 20.28.19

buildフォルダの直下がドキュメントルートになるようにmasterブランチでコミットする。
masterブランチはこんな感じになる。

スクリーンショット 2015-04-16 20.38.02

設定ファイルやらテンプレートファイルやらもGithubで管理したい。
なのでmiddlemanの初期化をdevelopブランチで行い
ローカルでの編集やレイアウトの調整などなどもこのブランチでやる。
ちなみにこれがdevelopブランチ。

スクリーンショット 2015-04-16 20.37.41

1
bundle exec middleman deploy

とコマンドを入力すると
config.rbに記述した以下が実行される。

1
2
3
4
5
activate :deploy do |deploy|
deploy.build_before = true
deploy.method = :git
deploy.branch = 'master'
end

コマンドひとつでGithubへ公開されるということ。 最終的にはshigekitakeguchi.comで公開してるんだけど、今回はここまで

いつもvブログを読んでいただきありがとうございます。
YouTubeチャンネルの運用を続けていくために機材購入、資料購入などで困っております。
よろしければAmazonの欲しいものリストから応援いただけると助かります。

街撮りchの欲しいものリスト

管理人:タケグチシゲキ

フロントエンドエンジニアとして働く55歳のジジイです。
首都圏を中心に散歩動画を撮影してYouTubeで配信してます。現在は夜の街のネオンや光が作り出す陰影が好きで撮影することが多いです。

YouTbueチャンネル

YouTubeチャンネルもぜひご覧ください。思い出の街や気になる街の風景を楽しんでいただければと思います

X(旧Twiiter)

X(旧Twiiter)でも情報発信しております。よろしければフォローいただけると嬉しいです

記事や動画について知っている情報を教えていただけると幸いです。どんなささいなことでも大丈夫です。

また、仕事依頼、コラボ依頼、著作物の提供などについてのお問い合わせは下記のお問い合わせフォーム、X(旧Twiiter)のDMでお待ちしております

お問い合わせ

ブログ記事やYouTubeチャンネルの動画に関するコメント、お仕事依頼、コラボ依頼、著作物の提供についてなどなどお問い合わせにて随時募集中です。
情報提供などもお待ちしております。

お問い合わせはこちらのGoogleフォームからお願いいたします