Hexoでブログを作る ~カスタム編~

Category: Categories: プログラミング

前置き

この記事はHexoでブログを作る ~インストール編~の続きです。
この記事の内容を確認してからこの記事を読んでください。

Hexoにおいて調整する部分は主に以下です。

もし、SEOを上げたい方は以下も行いましょう。
こちらについては別記事（まだ未完成）で解説を行います。

まず、レイアウトをカスタムしましょう。レイアウトをカスタムする手順は以下です。

まず、Themeで探し、テーマをクローンしましょう。
今回は私が利用しているcorporateで例を示します。

1	git clone https://github.com/ptsteadman/hexo-theme-corporate.git themes/corporate

これでthemesファイルの中にcorporateファイルができたと思います。
次に、rootディレクトリ直下にある_config.ymlのthemeをcorporateに直しましょう。

1	theme: corporate

これで

1	nom run server

を実行するとレイアウトがcorporateに変わっていると思います。

次は自分のレイアウトに整えます。
自身が気になって部分のレイアウトファイルをthemeから探してレイアウトを変更します。
それぞれのレイアウトによって変更させる部分が違うため、今回は具体例は書きませんが、グローバル変数の存在は認知しておきましょう。

メタ情報はブログの詳細情報やTwitterアカウントなどの情報のことです。これらはmetaタグやその他のレイアウトに関わるので整えましょう。
編集するファイルは以下です。

いかがだったでしょうか。
もしもっとここを説明して欲しいなどありましたら、twitterのDMください!