ホームページ  >  記事  >  開発ツール  >  Hexo を使用して個人ブログを構築する方法

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

PHPz
PHPzオリジナル
2023-04-26 09:14:13976ブラウズ

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 までご連絡ください。