「Deploy to Netlify」ボタンの設置方法

2018.08.01

「Deploy to Netlify」ボタンを設置するためにDeploy to Netlify Buttonを読んでざっくりまとめつつ補足を加えました。

ステップスクショ
GitHubと連携する画面。app.netlify.com_start_deploy_repository=https___github.com_mottox2_slack-esa-preview(iPad).png (212.2 kB)
GitHubのRepository nameを決めるapp.netlify.com_start_deploy_repository=https___github.com_mottox2_slack-esa-preview(iPad) (1).png (176.0 kB)
連携が完了。すぐデプロイされます。app.netlify.com_start_deploy_repository=https___github.com_mottox2_slack-esa-preview(iPad) (2).png (271.1 kB)

ボタンの設置

ボタン設置のHTML例
<!-- HTML snippet -->
<a href="https://app.netlify.com/start/deploy?repository=https://github.com/netlify/netlify-statuskit">
  <img src="https://www.netlify.com/img/deploy/button.svg" title="Deploy to Netlify">
</a>

テンプレートの設定

[template.environment]
  SECRET_TOKEN = "change me for your secret token"
  CUSTOM_LOGO = "set the url to your custom logo here"