Tips to Setup & Use Octopress

Octopress, really is … for hackers!

Basically, in octopress, blogging is like programming

To create post, do rake new_post[title]

To generate result, do rake generate

To preview, do rake preview

To deploy, do rake deploy

And … I blog with VIM!!

Setup Octopress

I tried to deploy Octopress by github, since I already have an account.

However, the path wasn’t too smooth today …

I setup a repository, Josephu (git@github.com:Josephu/Josephu.git to be exact), and run the command:

rake setup_github_pages

rake generate; rake deploy

But connecting to http://josephu.github.com failed!

It took me some time to figure out that I named the repo wrongly …

It is suppose to be josephu.github.com (git@github.com:Josephu/josephu.github.com.git)

Nice …

Customize Octopress

To make the theme feel right, I made a few fixes in CSS & html.

Basically, octopress provided scss files to customize in sass/custom and html content in source

  • Background Color

The color can be adjusted in sass/custom/color. They are defined as sass variables.

Since I want to add some texture to the banner, I got some free texture from amazingtextures and add css in sass/custom/style, attach to the banner in source/layout. It looked much better this way.

Note that the image should be placed in source/images, and in scss, use image-url to get the correct path.

  • Font Size

The blockquote font is simply too large, so overriding with css is more comfortable for the eye.

  • Optimize Speed

Texture is compressed and croped to reduce transfer size

So This Is Just The Beginning

Have fun blogging!