私のブログへようこそ!これは私の最初の投稿です。この投稿では、Hexo と Fluid を使用して自分自身のブログを構築して美化するためのシンプルなガイドラインが提供されます。質問がある場合は、詳細な情報についてはHexo 公式ドキュメントとFluid 公式ドキュメントをご覧ください。
環境#
Git のインストール#
公式ウェブサイトから Git をダウンロードしてください:Git - パッケージのダウンロード。
Node.js のインストール#
公式ウェブサイトから Node.js をダウンロードしてください:ダウンロード | Node.js。
Hexo プロジェクトの初期化#
hexo-cli のインストール#
$ npm install -g hexo-cli
hexo プロジェクトの初期化#
$ hexo init blog
新しい投稿の作成#
$ hexo new "投稿名"
詳細情報:書き方
サーバーの実行#
ウェブサイトを localhost で表示します。
$ hexo s
詳細情報:サーバー
デプロイの設定#
フォルダー/themes
内のファイル_config.yml
を開き、デプロイ部分を以下のように変更します:
deploy:
type: git
repo: 'リポジトリのURL'
branch: master
設定ファイルの保存#
$ npm install hexo-deployer-git --save
静的ファイルのクリーンアップ#
$ hexo clean
静的ファイルの生成#
$ hexo g
詳細情報:生成
リモートサイトへのデプロイ#
$ hexo d
詳細情報:デプロイ
テーマ Fluid の使用#
Fluid のインストール#
Hexo のバージョンが 5.0.0 以上の場合、Npm を使用して Fluid をインストールできます:
$ npm install --save hexo-theme-fluid
次に、ブログディレクトリに_config.fluid.yml
を作成し、Pageの_config.yml
の内容をコピーします。
テーマの設定#
ブログのルートディレクトリにある_config.yml
を以下のように編集します:
theme: fluid
about ページの作成#
about ページは手動で作成する必要があります:
$ hexo new page about
次に、/source/about/index.md
を編集し、layout
属性を追加します。
変更後の例は以下の通りです:
---
title: about
date: 2020-02-23 19:20:33
layout: about
---
内容について
その他の設定#
詳細については、公式ドキュメントを参照してください。