Netlify⇔github連携
Netlify⇔github連携についてのまとめ。
1:githubアカウントを作成する。(詳細は割愛)
2:githubリポジトリ新規作成
1)Repository nameを付けてCreate。
3:ローカルからgithubリポジトリへpush
1)ターミナルで「作成したディレクトリ(ファイル)」内へ移動し以下(二行目以降)を打つ。
MacBook: username$ cd hogehoge //(移動したいディレクトリに移動する)
MacBook: hogehoge username$ git init //gitリポジトリ作成
MacBook: hogehoge username$ git add . //ディレクトリ配下の全てのが対象
MacBook: hogehoge username$ git commit -m "hoge" //hoge部分は自由に記載
MacBook: hogehoge username$ git remote add origin <URLアドレス> //2で作ったgithubリポジトリの<>codeタブの上部にあるURLをコピペする。
MacBook: hogehoge username$ git remote -v //登録された内容を確認
//※※※ここでuserID,Passを聞かれることがあるが、自分のID,PASSでOK!
MacBook: hogehoge username$ git push origin master //ローカルリポジトリの内容をリモートリポジトリへpush!
4:Netlifyと連携
1)Netlifyへ移動し「Get started for free」
2)githubを選択
3)先ほどpushしたリポジトリを選択し流れに沿って登録完了!
5:その後
変更したhtmlファイルを都度push(ターミナルを開き「3」の三行目以降の作業)すると、自動で反映してくれるようになる。