【自分用メモ】Netlifyを使ってみた

こちらを参考にさせていただきました。
[https://qiita.com/sugo/items/2ee64887d682b0dae635]

事前準備
#<u><span style="font-size: 150%">リポジトリの作成</span></u>
![WS000232.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/431f6e79-87b4-dd41-6533-aa99730973ab.jpeg)

index.htmlのソースコード

```html:index.html
<!DOCTYPE html>
<html>
　　<head>
　　　　<meta charset="utf-8" />
　　　　<title>test site</title>
　　</head>
　　<body>
　　　　<p>Hello World</p>
　　</body>
</html>
```

#<span style="font-size: 150%"><u><b>Netlifyにデプロイするまで</b>
</u></span>
[Netlify](https://www.netlify.com/)にアクセスし、```Get started for seconds```からスタート
![WS000231.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/d78158ae-31c5-4203-9a42-46f08656fbf0.jpeg)

GitHubアカウントでログイン
![WS000233.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/12329168-70f1-ee1d-7092-5405441da567.jpeg)

Authorize Netlifyを選択
![WS000234.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/e0535da4-cbb6-69f5-6dce-a3475ababa3f.jpeg)


??
![WS000235.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/19e3978c-9a03-4ef4-e61a-c8508391555b.jpeg)

QUICK START GUIDEはNext→Next→Finishedを選択
![WS000236.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/05656f9e-1788-1365-a02f-b567e8983e75.jpeg)
![WS000237.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/a622ed32-5700-8fb0-31d5-ecd5dd6eeeb2.jpeg)
![WS000238.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/7456f983-ad44-1839-0a47-a4d9d9fc21f3.jpeg)

```New site from Git```から新規作成
![WS000239.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/e39c0003-bc10-f5ea-d4a5-6c2b3c7ffa2e.jpeg)

Githubを選択
![WS000240.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/253aa219-0d89-5a6b-9510-5d7cbc914f66.jpeg)

あれ?また認証画面が
![WS000241.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/68e1beb6-32b4-9958-65df-645919be0d8e.jpeg)

リポジトリの一覧から公開するものを選択
![WS000242.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/0178098c-d385-d9ef-9458-98a9f83dcc0a.jpeg)

Installを選択
![WS000243.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/0aca3c50-eeb2-6daf-9f73-df4b5e2f1609.jpeg)

GitHubのパスワードを入力し、```Confirm Password```を選択
![WS000244.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/c64938b8-cc5d-7a2d-a7cc-58900682e882.jpeg)

GitHubを選択
![WS000245.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/e30d5df9-1cd2-d35b-0b53-8e09cabe5696.jpeg)

GitHubのアカウントを選択
![WS000247.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/f89070d7-784f-61f2-82ba-8c3a83c1769f.jpeg)

masterブランチを選択
![WS000248.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/e1c35ceb-af27-f7d8-bdb6-d3c34806cc95.jpeg)

```Deploy site```を選択
![WS000249.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/c6ee6651-9b7f-50a6-cfc9-78c18f72a8d3.jpeg)

これでサイトが公開されたようです。
![WS000250.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/6a5daaef-ccaa-2433-d628-946397ae0355.jpeg)

クリックすると公開したページが確認できました。
![WS000256.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/5531bc62-1c7b-b8a0-314d-a90fbda5f856.jpeg)

![WS000257.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/d6596342-6f4c-22ee-aa01-5099a8eb3681.jpeg)