JavaScriptの静的サイトジェネレーターHexoを試す

JavaScript(Node.js)ベースの静的サイトジェネレーターを試してみようと思った。

インストールと初期設定

npm install -g hexo-cli
hexo init <<blog-name>>
cd <<blog-name>>
npm install
hexo server

これでHexoがインストールされサイトを開始できる hexe serverで開発用のサーバー起動状態になりhttp://localhost:4000にアクセスできる。

_config.ymlを編集する。

title: "サイトタイトル"
subtitle: "サブタイトル"
description: "サイトの説明"
author: <<author>>
language: ja
timezone: Asia/Tokyo

url: http://<<site-domain>>
root: /
permalink: :year/:month/:day/:title/

languageはjaにしてtimezoneはAsia/Tokyoにした。 urlは公開したいドメイン、rootはトップレベルにした。

permalinkの設定は:year/:month/:day/:title/のデフォルト設定のままにした。

記事の追加

hexo new <<post-name>>

これでHugoみたいに初期状態のができる。 このあたり、Hugoと同じ感じで出来るので入りやすい。

当初、React製の「gatsby」にしようかと思ったけど、なんか違うと思ったので、止めた。

Publicファイルの生成

hexo generate

これでファイルがpublicフォルダに出力されるので、後は目的の場所にアップロードするだけ。

今回はここまで。