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」の三行目以降の作業)すると、自動で反映してくれるようになる。



この記事が気に入ったらサポートをしてみませんか?