Netlify

NetlifyはContinuous Deploymentに対応したモダンなWebホスティングサービス。
Gitリポジトリサービス(GitHubやBitBucket)と連携し、GitへのPushをトリガーにプレビューおよびサイト公開を自動的に行う。Buildフェーズの中で静的サイトジェネレーターによるサイト生成も行うため、ローカルの開発環境に静的サイトジェネレーターをインストールする必要もない。

  • HTTP/2対応
  • Let’s Encryptの無料サーバ証明書
  • Continuous Deploymentでサイト更新の手間を最小化
  • 静的サイトジェネレーターの環境をローカルPCに用意する必要がない
  • CDN経由での配信(2019年12月時点で日本からのアクセスはシンガポールからの配信)
  • アクセスログは見ることができない
1
2
3
4
5
6
7
8
9
10
11
12
IP General Information
IP Address: 178.128.17.49
Hostname: 178.128.17.49
ISP: DiGital Ocean

IP Geolocation Information
Continent: Asia (AS)
Country: Singapore (SG) SG
City: Time
Zone: Asia/Singapore
Latitude: 1.314 (1°18'50.4" N)
LonGitude: 103.6839 (103°41'2.04" N)

Netlifyのセットアップ

Sign up

以下、BitBucketの場合。

Netlify width=640

Bitbucketアカウントを使う。

Netlify width=640

Bitbucketアカウントでログイン。

Netlify width=640

Bitbucketアカウントに対してNetlify APIのアクセスを許可する。

Netlify width=640

Netlify width=640

New site from Git

Netlify width=640

1. Connect to providerでBitbucketを選択。

Netlify width=640

2. Pick a repositoryでサイト用に作成したリポジトリを選択。

Netlify width=640

3. Build options, and deployでデプロイの設定を行う。

静的サイトジェネレーターにはhexoを使用するので、Build commandはhexo generate、Publish先はpublic/で設定。

Netlify width=640

設定が終わると初回のビルドが始まる。

Netlify width=640

カスタムドメイン設定

Domain settingsで独自ドメインを設定する。
DNSサーバはLets’s Encryptを自動更新するために、Netlifyが提供するサーバに変更する必がある。

Netlify custom domain width=640

Netlify custom domain width=640

DNSサーバ側でレコード登録

Netlify custom domain width=640

Let’s Encryptを使用した無料のサーバ証明書発行

Netlify custom domain width=640