目次
Hexo のインストール
新しい Hexo サイトを作成する
Hexo の構成
新しい記事を作成する
Hexo を GitHub にデプロイする
ローカル リポジトリを初期化する
変更の追加
変更を送信
GitHub へのデプロイ
結論
ホームページ 開発ツール Git Hexo を使用して個人ブログを構築する方法

Hexo を使用して個人ブログを構築する方法

Apr 26, 2023 am 09:14 AM

Hexo は、個人のブログや Web サイトの構築に使用できる、高速、シンプル、強力な静的ブログ フレームワークです。 WordPress や Joomla などの他の CMS (コンテンツ管理システム) とは異なり、Hexo は静的ファイルを生成するため、Web サイトへのアクセスが高速かつ安全になります。

この記事では、Hexo を使用して個人のブログを構築し、GitHub を通じてインターネットにデプロイする詳細な手順を紹介します。

Hexo のインストール

始める前に、Hexo をインストールする必要があります。まず、Node.js、npm (Node.js パッケージ マネージャー)、および Git がマシンにインストールされていることを確認します。ターミナルを開き、次のコマンドを入力して Hexo をインストールします。

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

新しい Hexo サイトを作成する

Hexo をインストールした後、新しいサイトを作成できます。以下の手順に従ってください:

  1. Hexo サイトを保存するフォルダーとしてフォルダーを選択します。ターミナルに次のコマンドを入力し、このフォルダーに入ります:

    $ cd /path/to/folder
    ログイン後にコピー
  2. 次のコマンドを実行して、新しい Hexo サイトを生成します:

    $ hexo init myblog
    ログイン後にコピー
  3. Enter新しい作成サイト:

    $ cd myblog
    ログイン後にコピー

基本的な Hexo サイトができたので、次にそれを設定する必要があります。

Hexo の構成

サイト構成ファイルは _config.yml です。このファイルには、サイト名、説明、タグ、サードパーティのソーシャル メディアなどのサイト情報が含まれています。ターミナルに次のコマンドを入力してファイルを編集します:

$ nano _config.yml
ログイン後にコピー

ファイルで、次の内容を設定する必要があります:

  1. title: サイトを設定するname
  2. #author: 名前を設定します
  3. description: サイトの説明を設定します
  4. 言語:言語を設定します
  5. timezone: タイムゾーンを設定します
  6. theme: Hexo テーマを設定します
  7. デプロイ: デプロイメント タイプを設定します

たとえば、次のテーマを使用する場合は、theme:next と入力する必要があります。 deploy では、デプロイメント タイプとして GitHub を指定しているため、次の情報を指定する必要があります:

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

ここで、yourusername は GitHub ユーザー名と GitHub に置き換える必要があります。ページリポジトリ名。

ファイルを保存して終了します。

新しい記事を作成する

サイトの設定が完了したので、新しい記事を作成しましょう。 Hexo では、Markdown ファイルを使用して記事を作成します。ターミナルに次のコマンドを入力して、新しい投稿を作成します:

$ hexo new "My First Blog Post”
ログイン後にコピー

このコマンドは、/source/_posts ディレクトリ my-first-blog- に新しい Markdown ファイルを作成します。 .md を投稿します。任意のエディタでファイルを開き、Markdown 構文を使用してコンテンツを記述します。

例:

---
title: My First Blog Post
date: 2021-05-01 22:31:01
tags:
description: This is my very first blog post!
---

Hello world!

This is my first blog post on my new Hexo site. I'm really excited to start writing and sharing my thoughts with the world.
ログイン後にコピー

ファイルを保存して終了した後、それを GitHub にデプロイできます。

Hexo を GitHub にデプロイする

まず、GitHub 上に新しいリポジトリを作成する必要があります。リポジトリの名前が yourusername.github.io であることを確認してください。yourusername は GitHub ユーザー名に置き換える必要があります。このリポジトリはあなたの個人的なブログです。リポジトリを作成した後、ローカル コンピュータでいくつかの操作を実行して、Hexo Web サイトをリポジトリにデプロイする必要があります。

ローカル リポジトリを初期化する

ターミナルに次のコマンドを入力して、現在のディレクトリを Hexo サイト ディレクトリに設定します。

$ cd /path/to/myblog
ログイン後にコピー

次に、次のコマンドを使用してgit ストレージとしてのサイト リポジトリ:

$ git init
ログイン後にコピー

このコマンドは、サイト ディレクトリ内の空の git リポジトリを初期化します。

変更の追加

Hexo ブログはローカル コンピューター上で変更されているため、変更を git リポジトリに追加する必要があります。次のコマンドを入力して、新しいファイルを追加し、ファイルを変更します:

$ git add .
ログイン後にコピー

変更を送信

次のコマンドを入力して変更を送信します:

$ git commit -m "My First Blog Post"
ログイン後にコピー

この送信の説明を入力してください引用符 コンテンツ (ここではタイトル「My First Blog Post」など)。

GitHub へのデプロイ

GitHub にデプロイするには、対象のリポジトリの SSH キーを設定する必要があります。次のコマンドを入力します:

$ ssh-keygen -t rsa -b 4096 -C "your_email@example.com"
ログイン後にコピー

GitHub に登録した電子メール アドレスを引用符内に入力します。

次に、Enter キーを押して、SSH キーが生成されるまですべてのフィールドを空白のままにします。

次のコマンドを使用して公開キーを GitHub に追加します:

$ cat ~/.ssh/id_rsa.pub
ログイン後にコピー

この公開キーを GitHub アカウントにコピーします。 GitHub ページの Settings メニューで、SSH および GPG キー を選択し、新しい SSH キー を選択して、公開キーをテキスト ボックスに貼り付けます。

次のコードを入力して、コードを GitHub リポジトリにプッシュします:

$ hexo deploy
ログイン後にコピー

このコマンドを入力すると、Hexo は変更を GitHub リポジトリと yourusername に自動的にコミットします。 .github.io

今後は、https://yourusername.github.io にアクセスしてブログにアクセスできます。

結論

Hexo を使用して個人ブログを迅速かつ安全に構築することは、優れた選択です。 GitHub の使用と組み合わせると、プロフェッショナルなブログ Web サイトをすばやく構築し、知識を世界中に共有できます。この記事で説明されている手順に従うことで、独自の Hexo ブログを簡単に作成し、GitHub プラットフォームにデプロイすることもできます。

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

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホット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衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Git vs. Github:バージョンコントロールとコードホスティング Git vs. Github:バージョンコントロールとコードホスティング Apr 11, 2025 am 11:33 AM

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

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

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

Githubは学ぶのが難しいですか? Githubは学ぶのが難しいですか? Apr 02, 2025 pm 02:45 PM

Githubを学ぶのは難しくありません。 1)基本知識をマスターする:GitHubは、コードの変更と共同開発の追跡に役立つGitベースのバージョン制御システムです。 2)コア関数を理解する:バージョン制御は各提出を記録し、ローカル作業とリモート同期をサポートします。 3)使用方法を学びます:リポジトリの作成からコミットをプッシュする、ブランチの使用、リクエストをプルするまで。 4)一般的な問題を解決する:競合のマージやファイルの追加を忘れるなど。 5)最適化の練習:意味のある提出メッセージを使用し、ブランチをクリーンアップし、プロジェクトボードを使用してタスクを管理します。練習とコミュニティコミュニケーションを通じて、Githubの学習曲線は急ではありません。

Gitプロジェクトをローカルにダウンロードする方法 Gitプロジェクトをローカルにダウンロードする方法 Apr 17, 2025 pm 04:36 PM

gitを介してローカルにプロジェクトをダウンロードするには、次の手順に従ってください。gitをインストールします。プロジェクトディレクトリに移動します。次のコマンドを使用してリモートリポジトリのクローニング:git clone https://github.com/username/repository-name.git

gitでコードを更新する方法 gitでコードを更新する方法 Apr 17, 2025 pm 04:45 PM

GITコードを更新する手順:コードをチェックしてください:gitクローンhttps://github.com/username/repo.git最新の変更を取得:gitフェッチマージの変更:gitマージオリジン/マスタープッシュ変更(オプション):gitプッシュオリジンマスター

Gitダウンロードがアクティブでない場合はどうすればよいですか Gitダウンロードがアクティブでない場合はどうすればよいですか Apr 17, 2025 pm 04:54 PM

解決:gitのダウンロード速度が遅い場合、次の手順を実行できます。ネットワーク接続を確認し、接続方法を切り替えてみてください。 GIT構成の最適化:ポストバッファーサイズ(Git Config -Global HTTP.Postbuffer 524288000)を増やし、低速制限(GIT Config -Global HTTP.LowsPeedLimit 1000)を減らします。 Gitプロキシ(Git-ProxyやGit-LFS-Proxyなど)を使用します。別のGitクライアント(SourcetreeやGithubデスクトップなど)を使用してみてください。防火を確認してください

gitコミットの使用方法 gitコミットの使用方法 Apr 17, 2025 pm 03:57 PM

GITコミットは、プロジェクトの現在の状態のスナップショットを保存するために、ファイルの変更をGITリポジトリに記録するコマンドです。使用方法は次のとおりです。一時的なストレージエリアに変更を追加する簡潔で有益な提出メッセージを書き込み、送信メッセージを保存して終了して送信を完了します。

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

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

See all articles