banner
ShuWa

ShuWa

是进亦忧,退亦忧。然则何时而乐耶?
twitter

自分自身のブログを作成するためのシンプルなガイドライン

私のブログへようこそ!これは私の最初の投稿です。この投稿では、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
---

内容について

その他の設定#

詳細については、公式ドキュメントを参照してください。

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。