Octopressのテーマを変更する

今回は既に作られ、公開されているテーマを拝借する

好みのテーマを探す

3rd Party Octopress Themesopen in new windowにテーマリストが公開されている。ここから使いたいテーマを探す。

Octopress Themesopen in new windowにPreviewが見やすくまとめられている

今回使用するテーマ

テーマのインストール

テーマをダウンロード

テーマ毎にclone元とclone先のpathを指定する

$ cd git/octopress
$ git clone GIT_URL .themes/THEME_NAME
1
2

テーマ: Whitespaceの場合

$ git clone git://github.com/lucaslew/whitespace.git .themes/whitespace
1

テーマをインストール

テーマを指定して rake install

$ rake install['THEME_NAME']
$ rake generate
1
2

テーマ: Whitespaceの場合

$ rake install['whitespace']
A theme is already installed, proceeding will overwrite existing files. Are you sure? [y/n] y
## Copying whitespace theme into ./source and ./sass
mkdir -p source
cp -r .themes/whitespace/source/. source
mkdir -p sass
cp -r .themes/whitespace/sass/. sass
mkdir -p source/_posts
mkdir -p public
1
2
3
4
5
6
7
8
9

テーマを上書きするか?と聞かれたので y で答える

$ rake generate
## Generating Site with Jekyll
overwrite source/stylesheets/screen.css 
Configuration from /Users/user.name/git/octopress/_config.yml
Building site: source -> public
Successfully generated site: source -> public
1
2
3
4
5
6

デプロイ

テーマをインストールしたらデプロイ

$ rake deploy
1

ページにアクセスしてテーマが変更されていることを確認できればok

テーマがアップデートされたら

テーマが開発者によってアップデートされたら手元のファイルもアップデートする

$ cd octopress/.themes/THEME_NAME
$ git pull
$ rake install['THEME_NAME']
$ rake generate
1
2
3
4

テーマ: Whitespaceの場合

$ cd octopress/.themes/whitespace
$ git pull
$ rake install['whitespace']
$ rake generate
1
2
3
4

デプロイしてアップデート完了

$ rake deploy
1
Last Updated:
Contributors: sojiro14