ホームページ > 開発ツール > Git > Hexo と Github Pages を使用してブログ Web サイトをデプロイする方法

Hexo と Github Pages を使用してブログ Web サイトをデプロイする方法

PHPz
リリース: 2023-04-06 09:12:04
オリジナル
852 人が閲覧しました

Hexo は、Node.js に基づく静的 Web サイト ジェネレーターで、独自のブログ Web サイトを迅速に構築するのに役立ちます。 Github Pages は、Github が提供する静的 Web サイト ホスティング サービスで、Web サイトを Github にデプロイできます。

この記事では、Hexo および Github Pages を使用して独自のブログ Web サイトをデプロイする方法について説明します。

まず、Node.js と Git がインストールされていることを確認します。まだインストールしていない場合は、公式 Web サイトにアクセスしてダウンロードしてインストールできます。

次に、Hexo コマンド ライン ツールをインストールする必要があります。ターミナルを開いて次のコマンドを実行します:

npm install hexo-cli -g
ログイン後にコピー

これにより、Hexo コマンド ライン ツールがグローバルにインストールされます。

次に、ターミナルで新しい Hexo サイトを作成し、次のコマンドを実行します。

hexo init myblog

cd myblog

npm install
ログイン後にコピー

これにより、myblog という新しいサイトが作成され、すべての依存関係がインストールされます。

次に、Hexo サイトを Github Pages にデプロイする必要があります。まず、Github 上に username.github.io という名前の新しいリポジトリを作成します。ここで、username は Github のユーザー名です。

次に、ターミナルで次のコマンドを実行して、サイトを Github Pages にデプロイします:

npm install hexo-deployer-git --save
ログイン後にコピー

これにより、Hexo の Git デプロイヤ プラグインがインストールされます。次に、新しいリポジトリへのデプロイメント設定を構成する必要があります。

Hexo サイトの _config.yml ファイルを開き、デプロイ段落を次の内容に変更します:

deploy:
  type: git
  repo: git@github.com:username/username.github.io.git
  branch: master
ログイン後にコピー

このうち、ユーザー名は Github ユーザー名に置き換える必要があります。ここでのブランチはデフォルトで master ブランチですが、他のブランチに変更することもできます。

次に、ターミナルで次のコマンドを実行してブログを公開します。

hexo clean
hexo generate
hexo deploy
ログイン後にコピー

これにより、生成された古いファイルが消去され、新しい静的ファイルが再生成され、Github にプッシュされます。ページのリポジトリ。

これで、私たちのブログが Github Pages にデプロイされました。ブラウザを開き、アドレスバーに https://username.github.io と入力してブログにアクセスします。

要約すると、Hexo および Github Pages を使用して独自のブログ Web サイトをデプロイするのは非常に便利で、完了するまでに必要な手順は簡単です。この記事が独自のブログ Web サイトをすぐに構築するのに役立つことを願っています。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート