Hexo のテーマを自作する

Hexo のテーマを自作していきたいと思います。

といっても、新規テーマを作ってスタイルを整えるだけのやっつけお仕事です。

私には大層なスキルがないのでこれぐらいしか出来ないですが、よろしくお願い致します。

はじめに

今回は、Hexo の新規テーマをジェネレートしてくれるパッケージを使います。

色々なオプションが用意されており、自分にあった新規テーマを作ってくれます。

Hexo は事前に用意しておいて下さい。

私は、何も手を加えていない出来たての Hexo を用意しました。

新規テーマをジェネレートしてくれるパッケージを入れます。

npm install --global yo
npm install --global generator-hexo-theme

テーマフォルダに新規テーマフォルダを作って下記コマンドを実行します。

yo hexo-theme

オプションを聞かれますので、自分が使いやすい設定にしましょう。

What is the theme name?：テーマの名前を入力します。
Which template language to use?：テンプレート言語を選択します。私は Javascript で書きたいため ejs を選択しました。
Which stylesheet language to use?：スタイルシート言語を選択します。私は複雑なスタイルが作れないので css を選択しました。
Other technical features：その他の設定。特にチェック無いです。

これだけで、新規テーマフォルダに必要最低限のテーマファイルが追加されます。