あのぞんブログ

GitHub Pages から別のサイトに移行するときのリダイレクト設定

2020-04-30

概要

GitHub Pages から別のホスティングへ移行したとき、 ドメインが変わる場合にすべき設定について。

運用していたページ https://[user].github.io/[repo] へのアクセスを 新しい URL へリダイレクトする必要があります。

gh-pages ブランチをクリーンにする

すでにビルドされたファイルなどがある場合は削除します。

jekyll でリダイレクトする

サンプルの gh-pages ブランチ elzup/dentime at gh-pages

_layouts/
  redirected.html
404.html
Gemfile
Gemfile.lock
_config.yml
index.md

プロジェクト構造は以上のようになります。各ファイルは サンプルを見てください。

index.md404.html を以下のように書きかえます。

---
layout: redirected
sitemap: false
redirect_to: <新しいURL>
---

redirect_to に新しい URL (リダイレクト先) を指定します。

_config.yml
plugins:
  - jekyll-redirect-from
_layouts/redirected.html
<!DOCTYPE html>
<html>
<head>
<link rel="canonical" href="{{ page.redirect_to }}"/>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="refresh" content="0;url={{ page.redirect_to }}" />
</head>
<body>
    <h1>Redirecting...</h1>
      <a href="{{ page.redirect_to }}">Click here if you are not redirected.<a>
      <script>location='{{ page.redirect_to }}'</script>
</body>
</html>
  • <link rel="canonical" href="URL" : 正規化設定
  • <meta http-equiv="refresh" content="0;url=URL" : 0 秒で URL にリダイレクト
  • javascript で(も?) location = 'URL' によりページ遷移
  • 遷移しなかった場合のリンクとナビゲーションメッセージのレンダリング

を行っています。


anozon JavaScript とアニメ好き Web エンジニア。Twitter

© 2020 あのぞんびより All Rights Reserved