ghページをnetlifyにリダイレクトする


私は最近、個人的なサイトをGHLページでNetlify(GHページは素晴らしいですが、Netlify機能は、ビートするのは難しい)でホストされてから変更されました.
旧サイトは通常のGHページURLを使用しました.
  • charlesLoder.github.io/hebrewTransliteration
  • これは、仕事を行うが、それを覚えて簡単ではない.
    最新の反復は滑らかな新しいURLを得ました.
  • hebrewtransliteration.app
  • 私は古いサイトへのリンクを新しいサイトにリダイレクトするようにしたかったが、サーバーなしでは少しトリッキー感じた.
    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-pagesorigin .
    驚いたことに、私が見つけることができたこれについてはほとんどありません.このblog 最も近いものでした、しかし、それはほとんど役に立ちませんでした.
    おそらく、これは他の人にとって痛ましいほど明白でした.
    あなたがより良い/異なる方法を知っているならば、私にコメントで知らせてください!