y0ngb1n

Aben Blog

欢迎来到我的技术小黑屋ヾ(◍°∇°◍)ノ゙
github

Hexo パーソナルブログの構築 #01 フレームワークのローカルインストールと実行

前書き#

Hexo 公式ウェブサイト」にアクセスすると、目を引くスローガンが表示されます:

A fast, simple & powerful blog framework
高速でシンプルかつ効率的なブログフレームワーク

Hexo は、高速でシンプルかつ効率的なブログフレームワークです。Hexo は Markdown(または他のレンダリングエンジン)を使用して記事を解析し、数秒で美しいテーマを使用して静的ウェブページを生成できます。

インストール#

Hexo は、Node.jsGitに基づいてフレームワークを構築する必要があります(Node.js、Git のインストールについては、自分で Google で検索してください)。以下では、正式なインストール手順を説明します。

# Hexoが提供するスクリプトhexo-cliをインストールする
$ npm install hexo-cli -g

実行#

次に、プロジェクトの初期化とローカルでの Hexo の実行を行います。

# ブログの初期化。blogという名前のフォルダがローカルに生成され、プロジェクトのソースコードが格納されます。blogは任意の名前で構いません。
$ hexo init blog
$ cd blog

# プロジェクトに必要な依存関係をインストールする
$ npm install

# ブログを起動する
$ hexo server
INFO  Start processing
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

これでブラウザで「http://localhost:4000」を開くと、Hexo のデフォルトテーマのブログサイトが表示されます。

Hexo のデフォルトテーマ

一般的なコマンド#

$ hexo n "myblog"   # => hexo new "myblog"
$ hexo p            # => hexo publish
$ hexo g            # => hexo generate
$ hexo s            # => hexo server
$ hexo d            # => hexo deploy

Hexo のサーバーコマンドについて

$ hexo server                   # Hexoはファイルの変更を監視し、自動的に更新します。サーバーを再起動する必要はありません。
$ hexo server -s                # 静的モード
$ hexo server -p 5000           # ポートの変更
$ hexo server -i 192.168.1.1    # カスタムIP
$ hexo clean                    # キャッシュをクリアします。通常、ウェブページが正常に表示されている場合は、このコマンドを無視できます。
$ hexo g                        # 静的ウェブページを生成する
$ hexo d                        # デプロイを開始する

参考資料#

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