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                        # デプロイを開始

参考資料#

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