ホームページ > 開発ツール > Git > GitHub で Hexo ブログを構築する方法について話し合う

GitHub で Hexo ブログを構築する方法について話し合う

PHPz
リリース: 2023-04-06 14:03:43
オリジナル
686 人が閲覧しました

GitHub は、開発者にコラボレーションとコード共有のための便利なプラットフォームを提供するグローバルなオープン コード ホスティング プラットフォームです。 Hexo は、Node.js に基づいて開発された、高速、シンプル、効率的なブログ フレームワークです。この記事では、GitHub で Hexo ブログをセットアップする方法を説明します。

  1. GitHub リポジトリの作成
    まず、GitHub 上にリポジトリを作成する必要があります。 GitHub ホームページで [新しいリポジトリ] をクリックし、ウェアハウス名を入力し、[パブリック] または [プライベート] を選択して、[リポジトリの作成] をクリックします。次に、Git をインストールし、それを使用してローカル ファイルを GitHub リポジトリにプッシュする必要があります。
  2. Hexo のインストール
    後続の操作のために、Node.js と Git をローカルにインストールする必要があります。次に、コマンド ライン ウィンドウを開き、次のコマンドを入力して Hexo をインストールします。
npm install -g hexo-cli
ログイン後にコピー
  1. Hexo ブログ ファイルの生成
    次に、Hexo を使用して新しいブログを作成します。コマンド ラインで次のコマンドを入力します。
hexo init myblog
cd myblog
npm install
ログイン後にコピー

このコマンドは、現在のディレクトリに myblog フォルダーを作成し、そこに Hexo をインストールします。

  1. Hexo ブログの設定
    次に、Hexo の設定を行う必要があります。 Hexo のルート ディレクトリで、_config.yml ファイルを開きます。これは Hexo ブログの設定ファイルであり、すべての Hexo 設定が含まれています。個人ブログを調整するには、このファイルを設定する必要があります。
  2. GitHub Pages へのデプロイ
    Hexo は静的 HTML ファイルを自動的に生成するので、それらを GitHub Pages にデプロイする必要があります。コマンドラインに次のコマンドを入力します:
npm install hexo-deployer-git --save
ログイン後にコピー

このコマンドは、hexo-deployer-git プラグインをブログにインストールします。次に、次の設定を _config.yml ファイルに追加します:

deploy:
  type: git
  repository: git@github.com:username/username.github.io.git
  branch: master
ログイン後にコピー

ここで、username は GitHub ユーザー名です。次に、次のコマンドを実行してブログを GitHub Pages にデプロイします。

hexo clean && hexo g && hexo d
ログイン後にコピー

Hexo はブログ ファイルを GitHub ページ ページに自動的にプッシュします。https://username.github.io にアクセスするとブログを表示できます。

  1. 記事の公開
    ついに、独自のブログ記事の公開を開始できます。 Hexo ルート ディレクトリで、次のコマンドを実行して新しい記事を作成します。
hexo new post "文章名称"
ログイン後にコピー

このコマンドは、source/_posts ディレクトリに新しい Markdown ファイルを作成します。ここで、「記事名」は公開された記事のタイトル。

上記のコマンドを実行した後、source/_posts/ にある *.md ファイルを変更し、独自の記事コンテンツを記述します。

  1. Hexo テーマ
    ブログをより美しく、パーソナライズしたものにしたい場合は、Hexo テーマをインストールすることでブログのスタイルを変更できます。 Hexo のルート ディレクトリで次のコマンドを実行してテーマをインストールします。
git clone https://github.com/author/author.github.io.git themes/theme-name
ログイン後にコピー

ここで、author はテーマ作成者の GitHub ユーザー名、theme-name はテーマの名前です。

次に、Hexo のルート ディレクトリで _config.yml ファイルを開き、テーマをインストールしたテーマの名前に変更します。例:

theme: theme-name
ログイン後にコピー

このようにして、独自の Hexo ブログをセットアップし、楽しく書いたり共有したりできます。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート