Octopress のテーマを変更してみる

shashankmehta / greyshade という Octopress の良さげなテーマを発見したので変更してみる。

インストール

README に書かれてあるとおりに実行していく。

$ git clone git@github.com:shashankmehta/greyshade.git .themes/greyshade
$ echo "\$greyshade: color;" >> sass/custom/_colors.scss 
$ rake install\['greyshade'\]
$ rake generate

zsh の場合は [...]\[...\] に変更しないと実行できないので注意。

プロフィール画像の設定

プロフィール画像を用意してないと, 折角のオサレテーマがダサくなっちゃうので用意する。
画像は source/images/ に dp.jpg という名前で配置するといいみたい。

$ cp ~/Picture/{profile_picture}.jpg source/images/dp.jpg

確認 & デプロイ!

GitHub Pages にデプロイする前にプレビューで確認して, 問題なければデプロイ!

$ rake preview
$ rake gen_deploy

できてるよね?

source を bitbucket で管理してる場合は push を忘れずに…。

$ git add -A
$ git commit -m "Octopress のテーマを変更!"
$ git push -u bitbucket source

今回適用した Greyshade の他にも 3rd Party Octopress Themes にオサレなテーマがまとめられていました。

Comments