Hexoのカスタマイズ:nexTのカスタマイズ

こんにちは！ ROOXIM株式会社COO 上原です。
前回はHexoのテーマであるnexTをインストールしました。
しかしnexTをインストールしただけでは個性があまりありません。
そこでnexTのテーマをカスタマイズしてより見た目にこだわっていきましょう。
ここでは、設定した一部をご紹介させていただいています。

schemeの変更

nexTには4つのschemeが用意されています。

Muse

Mist

Pisces

Gemini

_config.next.ymlのSchemeのコメントを外して、好きなschemeを選びましょう。

_config.next.yml

# ---------------------------------------------------------------
# Scheme Settings
# ---------------------------------------------------------------

# Schemes
# scheme: Muse
# scheme: Mist
# scheme: Pisces
scheme: Gemini

ダークモードの有効化

trueにすると、ダークテーマになります。

_config.next.yml

# Dark Mode
darkmode: true

テーマカラーの変更

theme_colorを変えることでページの色を変更できます。
HTMLで指定できる色の値で指定が可能です。
（#222222 , red, rgb(255 0 153)など）

_config.next.yml

# Browser header panel color.
theme_color:
  light: "#222"
  dark: "#222"

light: “orange”

light: “green”

light: “red”