this site's recipe

投稿日 2015-04-13 編集日 2026-10-07

このサイトの作り方

手軽にブログサイトのようなものを作りたく、githubの機能と静的ページ出力のhexoというフリーソフトで作りました。

linux環境を作る（私はwindows7+vagrant+virtualboxで作りました)
node.js(nvm)をインストールする
- 参考 http://liginc.co.jp/web/programming/server/104594
hexoをインストールしてブログを作る
- デザインをいじるためtheme(casper)を追加でインストールしました
github pages機能を使うためhrix.github.ioというリポジトリを作る
上記リポジトリをlinux環境にclone
hexoでできたファイルを全部cloneしたディレクトリに移し、リポジトリに追加
_config.ymlを編集して調整しhexoを立ち上げる。(hexo server)
ローカル環境でmdファイルをプレビューしながら編集（utf8で保存すること）
静的ページ(html)発行（hexo generate）
- theme以下のcssを直した場合、一度全部消して（hexo clean）からgenerateしないとcssの変更は反映されないようです
ソースのmdも含めてgithubにpush
- https://github.com/hrix/hrix.github.io　がリポジトリになります。
- hexoで静的ページだけをデプロイする仕組みもあるようですが、全部一つのリポジトリに入れることにしました。
  そのため、http://hrix.github.io/public/　がトップページになりますが、今回は気にしません。