node.js, Hexoをインストールしてテンプレートを調整するところまでをまとめます。

install

node.js

Hexoにnode.jsが必要なのでインストールする。

$ git clone https://github.com/creationix/nvm.git ~/.nvm
$ source ~/.nvm/nvm.sh
$ nvm install 0.12.10
$ nvm alias default v0.12.10
$ vi ~/.bash_profile
以下を追記
if [[ -s ~/.nvm/nvm.sh ]];
  then source ~/.nvm/nvm.sh
fi

Hexo

Hexoをインストールして必要なパッケージをインストール。

$ npm install -g hexo
$ hexo init myblog
$ cd myblog
$ npm install

packageとthemeをインストール

themeはmaupassantが一番がいいな～と思ったのでこれをベースに改造する。

$ npm install hexo-renderer-sass --save
$ npm install hexo-renderer-jade --save
$ npm install hexo-generator-feed --save
$ npm install hexo-generator-sitemap --save
$ git clone https://github.com/tufu9441/maupassant-hexo.git themes/maupassant

設定

変更部分だけ記載。記載以外の部分は特に変更なし。

$ vi ./_config.yml
language: en
timezone: Japan
url: http://your-domain
date_format: YYYY/MM/DD HH:mm
post_asset_folder: true
theme: maupassant
highlight:
  line_number: false
sitemap:
  path: sitemap.xml

テーマをいじる

設定

テーマの設定を調整。

category, recent_comments, linksは使わないのでコメントアウト。

$ vi maupassant-hexo/_config.yml
widgets:
  - search
#  - category
  - tag
#  - recent_posts
#  - recent_comments
#  - links

aboutページ

aboutページがないので作る。

$ hexo new page "about"

Viewを調整

フォントとか、見た目の調整をする。
まぁ、、ここら辺は好みなので適当に。スタイルが崩れている部分をついでに修正した。

気になるところがあればその都度修正します。

次はS3にdeployしてCloudFrontで配信するところを。