Web サイトを GitHub にデプロイする方法

GitHub は人気のあるコード ホスティング プラットフォームですが、ご存知ですか?無料の静的 Web サイト ホスティング プラットフォームとしても使用できます。この記事では、静的 Web サイトを GitHub にデプロイする方法を説明します。

ステップ 1: GitHub リポジトリを作成する

まず、Web サイトのソース コードを保存するために、GitHub 上に新しいリポジトリを作成する必要があります。必ず [パブリック] オプションを選択してサイトがパブリックにアクセスできるようにし、GitHub でホストしたくないファイルやフォルダー (node_modules や dist フォルダーなど) を .gitignore ファイルに追加してください。

ステップ 2: コードをウェアハウスにアップロードする

Web サイトのコードをアップロードします。ローカル フォルダーを直接アップロードすることも、コマンド ラインを使用してコードをウェアハウスに送信することもできます。バージョン管理が必要な場合は、Git ツールを使用して送信することをお勧めします。

ステップ 3: GitHub Pages を有効にする

GitHub Pages を有効にするのは、ウェアハウスにindex.html ファイルが存在する必要がある場合、非常に簡単です。リポジトリの「設定」タブで、「GitHub ページ」領域まで下にスクロールし、ソースとして「マスター ブランチ」を選択し、「保存」ボタンをクリックします。

Web サイトが React、Vue.js、Angular などのフレームワークで開発されている場合は、GitHub Pages が正しく有効になるように、ビルドによって生成されたファイルを dist フォルダーに配置する必要がある場合があります。 。

ステップ 4: カスタム ドメイン名をバインドする

カスタム ドメイン名を GitHub Pages 上の Web サイトにバインドする場合、それは非常に簡単です。リポジトリのルート ディレクトリに CNAME という名前の新しいファイルを作成し、そのファイルにドメイン名を書き込むだけです。次に、GitHub Pages URL を指すようにドメイン ネーム サービス プロバイダーで CNAME レコードを設定します。

概要

この記事では、GitHub に静的 Web サイトをデプロイする方法を簡単に紹介しました。 GitHub は高性能のサービスと安定したホスティングを提供する非常に強力なプラットフォームであるため、全体として、これは非常に優れた無料のオプションです。 Web サイトを簡単に無料でデプロイする方法を探している場合は、GitHub Pages を試してみる価値があります。

以上がWeb サイトを GitHub にデプロイする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。