あなたのウェブサイトをGithubページに配備する方法

Githubページでは、ウェブサイトを簡単に展開できます.この記事では、Githubページを使ってウェブサイトを展開する方法を紹介します.

1 . repoの作成

あなたはすべてのファイルを含むリポジトリなしでgithubページに展開することができないので、REPO準備ができていることを確認してください.

GHページのインストール

次に、パッケージのGHページをリポジトリにインストールします.

npm install gh-pages

3 .このスクリプトをパッケージに追加します。JSON

パッケージで.JSONファイルこのスクリプトを追加します.

"homepage": "https://[github-username].github.io/[github-repository-name]"

展開スクリプトを作成する

パッケージ内のスクリプトオブジェクト内.JSONファイルは、次のスクリプトを追加します.

"publish": "gh-pages -d src"

このスクリプトは、srcディレクトリ内のGithubページに展開されます.srcを展開するファイルを含むディレクトリの名前に変更できます.

5 .スクリプトを実行する

次に、コマンドラインで発行スクリプトを実行してGHページに展開します.

npm run publish

それは少し時間がかかるかもしれないが、それが行われたときには、発表された行が表示されます.

repo設定でソース分岐を変更する

あなたのウェブサイトがうまく展開されるために、あなたは倉庫のセッティングに行かなければなりません.Githubページのセクションでは、ソースブランチをマスターからGHページに変更します.このブランチは、発行スクリプトが連続的に実行されたときに作成されました.

一度行われたURLには、あなたのライブのウェブサイトが表示されます.