HarioNote

表題の通りです。 
といってもNetlifyの公式Docに載っている情報ですのでわざわざこの記事を読む必要はないといえばないです。ちゃんと知りたい人はDocを読んだほうがいいと思います。 
NetlifyのDoc→<a href="https://docs.netlify.com/configure-builds/build-hooks/">https://docs.netlify.com/configure-builds/build-hooks/</a>
<h2>前提</h2>
本記事はNewt+Github+Netlifyですでにサイトの構築が完了していることが前提となります。 
そのうえで、現在は手動でデプロイしているが、Newtで記事を書いて公開にしたら自動でNetlifyでデプロイして反映させたい人へ向けた内容となります。
<h2>やること</h2>
まずNetlifyにて自身のサイトのページにアクセスし、「Site settings」をクリック 
<img src="https://storage.googleapis.com/newt-files/60919785-cf14-4615-9699-f2a7fa699ec1%2F2023-02-02_1.png" alt="2023-02-02_1.png">
表示されてページの左サイドメニューの「Build &amp; deploy」をクリックして下へスクロールして「Build hooks」のセクションを探します。 
見つけたら「Add build hook」ボタンをクリックします。 
<img src="https://storage.googleapis.com/newt-files/a5ce3c4a-1faf-4b9e-8b9e-b4833210c93a%2F2023-02-02_2.png" alt="2023-02-02_2.png">
表示された入力欄に任意のBuild hook名を入力します。（どのような用途・トリガーのhookなのかわかるような名前にするのが良いと思います。今回はNewtで記事を公開したりしたときがトリガーとなるのでそればわかるような。） 
入力したらsaveボタンをクリックします。 
<img src="https://storage.googleapis.com/newt-files/ffee89de-9034-4b39-b5fe-765ab373c742%2F2023-02-02_3.png" alt="2023-02-02_3.png">
Build hookのURLが生成されるのでそれをコピーしておきます。 
<img src="https://storage.googleapis.com/newt-files/3d809cb7-0d26-4361-9e9d-cd1a5cca04a2%2F2023-02-02_4.png" alt="2023-02-02_4.png">
今度はNewtの管理画面に移動し、スペース設定のWebhookにて「Webhookを作成」をクリックし、「Webhokテンプレート」を選択します。 
<img src="https://storage.googleapis.com/newt-files/dbc21128-7f9b-4b9a-a294-7074de2e0939%2F2023-02-02_5.png" alt="2023-02-02_5.png">
テンプレートから「Netlify」を選択し、Build Hook URLの欄に先程コピーしたURLを貼り付けます。 
貼り付けたら「Webhookを作成」をクリックします。 
<img src="https://storage.googleapis.com/newt-files/7588bc9e-cc6c-47a8-ac6f-1125b257d917%2F2023-02-02_6.png" alt="2023-02-02_6.png">
これで自動で記事を公開したらデプロイされるようになったので、実際に記事を作成して公開をします。
以上です。

#Newt

Newt+Github+Netlifyで構築されているサイトに記事を投稿したら、webhookで自動デプロイされるようにする