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

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 サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
Git vs. Github:バージョンコントロールとコードホスティングGit vs. Github:バージョンコントロールとコードホスティングApr 11, 2025 am 11:33 AM

Gitはバージョン制御システムであり、GithubはGitベースのコードホスティングプラットフォームです。 GITは、コードバージョンを管理し、ローカル操作をサポートするために使用されます。 GitHubは、問題の追跡やPullRequestなどのオンラインコラボレーションツールを提供しています。

簡単な言葉でGitとは何ですか?簡単な言葉でGitとは何ですか?Apr 09, 2025 am 12:12 AM

GITは、開発者がファイルの変更を追跡し、協力してコードバージョンを管理するのに役立つオープンソース分散バージョン制御システムです。そのコア関数には、1)レコードコードの変更、2)以前のバージョンへのフォールバック、3)共同開発、4)並列開発のためのブランチの作成と管理。

gitはgithubと同じですか?gitはgithubと同じですか?Apr 08, 2025 am 12:13 AM

gitとgithubは同じものではありません。 Gitはバージョン制御システムであり、GithubはGitベースのコードホスティングプラットフォームです。 GITはコードバージョンの管理に使用され、GitHubはオンラインコラボレーション環境を提供します。

HTMLにGitHubを使用する方法は?HTMLにGitHubを使用する方法は?Apr 07, 2025 am 12:13 AM

GitHubを使用してHTMLプロジェクトを管理する理由は、バージョン制御、共同開発、作品の提示のためのプラットフォームを提供するためです。特定の手順には次のものが含まれます。1。gitリポジトリの作成と初期化、2。htmlファイルを追加および送信します。3。githubにプッシュ、4。githubpagesを使用してWebページを展開します。さらに、GitHubは、HTMLプロジェクトの最適化とコラボレーションを支援するために、コードレビュー、発行、およびPullRequest機能もサポートしています。

gitまたはgithubから始めるべきですか?gitまたはgithubから始めるべきですか?Apr 06, 2025 am 12:09 AM

GITから始めることは、バージョン制御原則を深く理解するためにより適しており、GitHubから始めることは、コラボレーションとコードホスティングに焦点を当てるのに適しています。 1.GITは、コードバージョン履歴の管理に役立つ分散バージョン制御システムです。 2。Githubは、Gitに基づいたオンラインプラットフォームであり、コードホスティングとコラボレーション機能を提供します。

MicrosoftはGitまたはGithubを所有していますか?MicrosoftはGitまたはGithubを所有していますか?Apr 05, 2025 am 12:20 AM

MicrosoftはGitを所有していませんが、Githubを所有しています。 1.GITは、2005年にLinus Torvazによって作成された分散バージョン制御システムです。2。Githubは、GITに基づくオンラインコードホスティングプラットフォームです。 2008年に設立され、2018年にMicrosoftに買収されました。

履歴書にgitまたはgithubを置くべきですか?履歴書にgitまたはgithubを置くべきですか?Apr 04, 2025 am 12:04 AM

履歴書では、ポジションの要件と個人的な経験に基づいて、GitまたはGithubを作成することを選択する必要があります。 1.位置にGITスキルが必要な場合は、Gitを強調表示します。 2。ポジションがコミュニティの参加を評価する場合は、Githubを表示します。 3.使用経験とプロジェクトのケースを詳細に説明し、完全な文で終了してください。

GitlabがGithubよりも優れているのはなぜですか?GitlabがGithubよりも優れているのはなぜですか?Apr 03, 2025 am 12:08 AM

GitLabは、完全なDevOpsツールチェーンと強力なCI/CD機能を提供するため、一部の開発者やチームにとって優れています。 1。GITLABのCI/CD機能はプラットフォーム内に統合されており、コードの提出から展開までの完全なプロセス自動化をサポートします。 2。そのサーバー側のレンダリングテクノロジーは、大規模なプロジェクトのページの読み込み速度を改善します。 3。Gitlabの許可管理システムはより柔軟であり、細粒の制御をサポートしています。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません