ブログのテーマを変更してみた

久し振りに Octopressのテーマ一覧 を見たら結構テーマが増えていたのでテーマを変更してみました。

今回は一番上にあった greyshade っていうテーマを入れてみたのですが、ちょっとだけ面倒だったのでメモメモ。

インストール

インストール自体は他のテーマと同じ感じでOK。

1
2
git clone git://github.com/shashankmehta/greyshade.git .themes/greyshade
rake install['greyshade']

リンクカラー設定

このテーマはリンクカラーを自分で決めないといけないみたいなので _colors.scss に $greyshade: {color} を追加します。 今回はこのテーマのデモページと同じ色にしてみました。

1
echo "\$greyshade: #2571B8;" >> sass/custom/_colors.scss

プロフィール画像設定

結構目立つ所にプロフィール画像が表示されるので source/images/dp.jpg に自分のプロフィール画像を配置します。

1
cp {my_profile}.jpg source/images/dp.jpg

見た目修正

ヘッダー部分のソーシャルアイコンが以下の画像のように微妙に変な位置に表示されてしまっていたのでちょこっとだけテンプレートを編集します。

といっても source/_includes/header.html の7行目からalignleftを取り除くだけですが。

おしまい

後は普通に deploy すれば完了です。

Comments