hexoをgithubにデプロイする方法

PHPz
リリース: 2023-04-26 10:02:21
オリジナル
1963 人が閲覧しました

Hexo は、ユーザーがブログ Web サイトを迅速に構築できるようにする非常に優れた静的ブログ ジェネレーターであり、さまざまなテーマをサポートし、非常に柔軟です。

それでは、Hexo を Github にデプロイするにはどうすればよいでしょうか?以下にこのプロセスを詳しく紹介します。

1. 準備

  1. Github アカウントの登録

Github アカウントをお持ちでない場合は、まずアカウントを登録する必要があります。 Github 公式 Web サイト: https://github.com/

  1. Git のインストール

Hexo 生成されたブログを Github にアップロードするには、コード管理と管理に Git を使用する必要があります。提出する。したがって、Git をインストールする必要があります。

Windows では、Git 公式 Web サイト https://git-scm.com/ からインストール プログラムの最新バージョンをダウンロードできます。

Linux では、yum または apt-get コマンドを直接使用してインストールできます。

  1. Node.js のインストール

Hexo は Node.js 言語に基づいて開発されているため、Node.js ランタイム環境をインストールする必要があります。

Node.js 公式 Web サイト https://nodejs.org/ から最新バージョンをダウンロードしてインストールします。

2. Hexo ブログの初期化

  1. インストール Hexo

コマンド ライン ツールを開き、次のコマンドを入力してインストールします:

npm install -g hexo-cli
ログイン後にコピー
  1. Hexo の初期化
#ブログを保存する新しい空のディレクトリを作成します。ディレクトリに入った後、コマンド ラインに次のコマンドを入力して初期化します。 #プラグインのインストール

    初期化が完了したら、ブログの生成と表示をサポートするプラグインをインストールする必要があります。一般的に使用されるプラグインは次のとおりです。
hexo-deployer-git: ローカルで生成された Web サイトを Github に公開するために使用されます。

hexo-generator-sitemap: サイトマップの生成に使用されます。
  • hexo-generator-baidu-sitemap: Baidu に含まれるサイトマップを生成するために使用されます。
  • hexo-renderer-pug: Pug テンプレート エンジンのレンダリングをサポートするために使用されます。
  • #コマンド ラインに次のコマンドを入力してインストールします:
hexo init
ログイン後にコピー
  • 3. Hexo 設定
  • Web サイト設定

    Yes Web サイトのタイトル、作成者、言語、テーマなど、Web サイトの基本情報を _config.yml ファイルで構成します。
    1. テーマ

    Hexo には選択できるテーマが多数あり、公式 Web サイト https://hexo.io/themes/ で確認できます。一般的に使用されるテーマは次のとおりです。
    1. hexo-theme-next: さまざまな構成項目をサポートする非常に人気のあるテーマです。

    hexo-theme-matery: 優れた視覚効果を備えたもう 1 つの優れたテーマです。

    • テーマをローカルにダウンロードした後、コマンド ラインからインストールできます:
    npm install hexo-deployer-git --save
    npm install hexo-generator-sitemap --save
    npm install hexo-generator-baidu-sitemap --save
    npm install hexo-renderer-pug --save
    ログイン後にコピー
  • 展開構成

    _config.yml file デプロイメント部分を見つけて、次のように関連する設定を行います:
      git clone https://github.com/theme-next/hexo-theme-next themes/next
      ログイン後にコピー
    1. その中で、type はデプロイメントのタイプ、repository は Github ウェアハウスのアドレス、branch は Github ブランチです。リポジトリ内のユーザー名を独自の Github ユーザー名に置き換えるだけです。
    4. ブログを生成して Github にアップロードします

    #Generate blog

    コマンド ラインに次のコマンドを入力して、ブログを生成します。 ##

    deploy:
      type: git
      repository: git@github.com:username/username.github.io.git
      branch: master
    ログイン後にコピー
      ローカル プレビュー
    ブログを生成した後、ローカルでプレビューし、次のコマンドを入力してローカル サービスを開始できます:

    hexo g
    ログイン後にコピー
    次に入力します。ブラウザの http://localhost: 4000 でブログをプレビューします。
    1. ブログのアップロード

    コマンド ラインに次のコマンドを入力して、ブログを Github にアップロードします:

    hexo s
    ログイン後にコピー
    アップロードが成功したら、「https」と入力します。ブラウザで ://username.github.io でブログにアクセスできます。
    1. これが最初のアップロードの場合は、Github のユーザー名とパスワードを入力する必要があります。
    5. 概要

    上記の手順により、Hexo で構築したブログを Github にすぐにデプロイできます。

    使用中に、バックアップとバージョン管理のために Hexo ブログのソース コードを Github に配置し、将来のブログの反復とメンテナンスを容易にすることができます。同時に、Github Pages は非常に優れたブログ ホスティング プラットフォームでもあり、無料のホスティング サービスを楽しむことができます。

    ブログ構築プロセス中に問題が発生した場合は、Hexo 公式 Web サイト https://hexo.io/ および Github のテーマ ウェアハウスのドキュメントを確認するか、Hexo 公式フォーラムにアクセスしてください。ディスカッションとヘルプについては https://bbs.hexo .io/ を参照してください。

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

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