静的サイトのホスティング先を Github Pages から Netlify へ移行する
Netlify
Published: 2018-08-05

目的

静的サイトを Github Pages で運用していたのですが、 Netlify へ移行することにしました。

理由としては、 jekyll でサイトを構築しており、利用したいプラグインが使えなかったためです。

Github 側でビルドするときに --safe オプションが true になるため、利用できないプラグインがあります。 (自作のプラグインも不可)

ローカルでビルドしてから、Github に push するという手もありましたが、

Netlify という良さそうなホスティングサービスを見つけたので

思い切って移行することにしました。

大まかな手順を記します。

手順

Github Pages で利用しているリポジトリをコピーする

Github のリポジトリで1度、Github Pages の設定をしてしまうと、

Github Pages ではないようにするには

  • ブランチ削除
  • リポジトリ削除

しかないようでした。

Github Pages で初期に発行されるデフォルトのドメインが残るのが嫌だったので、

Github のリポジトリをコピーします。

Netlify でアカウントを作成して、リポジトリを指定

次に Netlify に先ほど作った、リポジトリを指定してあげます。

Netlify についてはこちら

Netlify: All-in-one platform for automating modern web projects.

設定するのは数分で出来ました。

すると、ビルド、デプロイと実行されていきます。

Netlify が付与してくれた新しいドメインでサイトが閲覧できるようになるまでも、数分でした。

Netlify に独自ドメインを設定する

自分が持っているドメインに Netlify のネームサーバーを指定します。

ネームサーバーの設定変更が浸透するまで待ちます。

※ 自分は手順を間違えてサイトが閲覧できなくなる状態が数時間続いてしまいました。

Github Pages のドメイン設定を外して、リポジトリの削除

Netlify のネームサーバーが浸透したら、以前使っていた Github Pages のリポジトリに設定してある

自分が所有しているドメインを削除します。

問題ないことが確認できたら、リポジトリを削除します。

(注意) Goolge Analytics について

Google Analytics で計測されなくなるという問題がありました。

Github Pages では下記の設定をすれば、Goolge Analytics で計測できるようになります。

_config.yml

google_analytics: UA-XXXXXXX

今回、Netlify に移行したので計測できなくなっていました。

トラッキングコードを Netlify の

Settings > Build & deploy > Snippet injection

に埋め込みます。

どのサーバーでも計測できるように、トラッキングコードをソースコードに記載するのも良いかもしれません。

参考