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

PHPz
リリース: 2023-04-26 10:16:20
オリジナル
917 人が閲覧しました

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!