Octopressのテーマをカスタマイズする
Jul 21, 2012·
·
1 min read
gam0022
Ocpressの標準のデザインは悪くはないのですが、個人的にはいまいち物足りなさを感じたので、テーマを変更しました。
テーマですが、このページなどから、 かっこいいのを見つけてくればいいと思います。
とりあえず私は、bootstrap-themeを入れてみることにしました。 導入はとても簡単です。
コード例を示すまでもないですが、Codeblockを試してみたいので、導入するまでのコードを貼り付けます。
(ちなみに、シェルのコマンドを貼り付けるときはlangをbashにすると良いみたいです。)
cd ~/git/octpress #octpressのディレクトリ
git clone https://github.com/bkutil/bootstrap-theme.git .themes/bootstrap-theme
rake install["bootstrap-theme"]
rake generate
rake deploy #公開
テーマを変えることで、一気にモダンな感じになりました!
話題のBootstrapだけあって、こんなショボイブログも見てくれだけはいい感じに見えるような気がします。
あとは、_config.ymlをちょっといじるだけで、facebookやGoogle+のボタンをつけたり、 Disqus Commentsでコメントをできるようにできるので、簡単にモダンなブログを作ることが出来ました。
Octopressすごい!
Related Posts
Octopressでbootstrap-themeにしたとき、sass/custom/_styles.scssが反映されなくなった件について
前回、Octopressのテーマをカスタマイズするという記事で、
Octopressでパスを指定するときのテクニック
Octopressで画像などを使うとき、例えば、トップページで表示されるときと記事の詳細ページで表示されるときでは、
カテゴリー名に濁点を含んだ日本語が使えない問題を解決する(Rsyncのiconvオプションを使う)
このブログで、カテゴリーに濁点を含んだ日本語を使うと、カテゴリーの一覧などからカテゴリーのページにリンクしたとき、
Octopressでカテゴリーの一覧みたいのを実装する
Octopressはそれなりに高機能なのにも関わらず、なぜかカテゴリーの一覧を表示する機能がありませんでした。
Books
ブログ執筆者の著書

