ghページをnetlifyにリダイレクトする
私は最近、個人的なサイトをGHLページでNetlify(GHページは素晴らしいですが、Netlify機能は、ビートするのは難しい)でホストされてから変更されました.
旧サイトは通常のGHページURLを使用しました. charlesLoder.github.io/hebrewTransliteration これは、仕事を行うが、それを覚えて簡単ではない.
最新の反復は滑らかな新しいURLを得ました. hebrewtransliteration.app 私は古いサイトへのリンクを新しいサイトにリダイレクトするようにしたかったが、サーバーなしでは少しトリッキー感じた.
Netlifyは持っているredirects しかし、それはそのドメインのページだけです.彼らは、我々をここで助けません.
私が思い付いた回避策は比較的簡単です、たとえそれが少しハッとしても.
ほとんどのNetLifyプロジェクトのように
簡単に、私はもはやGHページブランチについて心配しなければならないことを意味します.
次に、ローカルの新しいプロジェクトを作成しました.
*実際には依存関係は必要ありません.しかし、私は
ユーザをリダイレクトするには、これが必要です.
この属性を
私はまた、ユーザーがリダイレクトされていることを知っているいくつかのコンテンツを投げた.
一旦私がそれが好きだったならば、私はgitリポジトリを初期化して、コミットしなければなりませんでした.
覚えておいてください、これは
使用
驚いたことに、私が見つけることができたこれについてはほとんどありません.このblog 最も近いものでした、しかし、それはほとんど役に立ちませんでした.
おそらく、これは他の人にとって痛ましいほど明白でした.
あなたがより良い/異なる方法を知っているならば、私にコメントで知らせてください!
旧サイトは通常のGHページURLを使用しました.
最新の反復は滑らかな新しいURLを得ました.
Netlifyは持っているredirects しかし、それはそのドメインのページだけです.彼らは、我々をここで助けません.
私が思い付いた回避策は比較的簡単です、たとえそれが少しハッとしても.
Netlifyビルド
ほとんどのNetLifyプロジェクトのように
main
ブランチトリガービルド.簡単に、私はもはやGHページブランチについて心配しなければならないことを意味します.
新しいプロジェクトの作成
次に、ローカルの新しいプロジェクトを作成しました.
.
├── README.md
├── dist
│ └── index.html
├── package-lock.json
└── package.json
唯一の依存関係は push-dir
*実際には依存関係は必要ありません.しかし、私は
/dist
ディレクトリを使用するのでpush-dir
そのためにリダイレクトを設定する
ユーザをリダイレクトするには、これが必要です.
<head>
<title>Hebrew Transliteration</title>
<meta http-equiv="refresh" content="3; url = https://hebrewtransliteration.app" />
</head>
キーは http-equiv
attribute .この属性を
"refresh"
, 設定によってcontent
to 3
3秒後にページがリダイレクトされますurl
.私はまた、ユーザーがリダイレクトされていることを知っているいくつかのコンテンツを投げた.
Git & github
一旦私がそれが好きだったならば、私はgitリポジトリを初期化して、コミットしなければなりませんでした.
git init
git add .
git commit -m "Init commit"
それから、私はリモートの起源としてgithubレポを持っていました.git remote add origin https://github.com/charlesLoder/hebrewTransliteration.git
最も重要なのは、まだ何もプッシュしないでください!今すぐプッシュ!
覚えておいてください、これは
gh-pages
枝.使用
push-dir
パッケージを実行しました.npx push-dir --dir=build --branch=gh-pages
それはかなり簡単ですdist
ディレクトリがgh-pages
枝origin
.驚いたことに、私が見つけることができたこれについてはほとんどありません.このblog 最も近いものでした、しかし、それはほとんど役に立ちませんでした.
おそらく、これは他の人にとって痛ましいほど明白でした.
あなたがより良い/異なる方法を知っているならば、私にコメントで知らせてください!
Reference
この問題について(ghページをnetlifyにリダイレクトする), 我々は、より多くの情報をここで見つけました https://dev.to/charlesloder/redirect-gh-pages-to-netlify-28ffテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol