It’s been over 3 months when I published my last post. In chaos of daily jobs I realize that there is so much things that I don’t like in Google Blogger that I have to find different solution for my blogging aspirations. So first of all requirements, what do I hate most in Blogger:
- editor – I used to vim and cannot stand that there is no bracket matching, vertical/block modification, and other cool stuff that I use
- the way that page was stored – I want to have control on my blog and if I can use for example git to track its content that would be great
- lamish – with Blogger I learned nothing, I look for something related with new trends in web development, it looks that ruby on rails is the most interesting framework
And I found Octopress it has all I need. The page states “A blogging framework for hackers”. I don’t know if I can or should call myself hacker but the idea is great for me.
So I start to move my blog to Octopress. Of course there is a plenty of things to do but also many to learn.
Lets start with first part of hints that I found useful:
2. Blogger post conversion to markdown and import to Octopress
Update: after I wrote this post I found interesting article on this page
- Export Blogger posts.
To do this go to your blog
Design->Settings->Other->Export blog->Donwload blog
- Convert xml to html files. I used latest modification of import.rb but you probably can find better solution.
- Convert html files to markdown for example by using reverse_markdown:
1 2 3 4
- At the end of this process you should take a look at generated code, so setup
your octopress and run
- Fix syntax and enjoy your posts in markdown.
3. Octopress configuration – tricks that I used for this blog
- Configure your social networks as it was explained in Octopress documentation
- It is good to register on Disqus the idea of keeping comments separated from blog is very good. I realized it when was trying migrate my comments from Blogger and didn’t have installed Disqus.
- Google Analytics and AddThis also are very helpful in tracking how your content was shared and what of this stuff has greatest interest. I will write article how to integrate AddThis because there is lack of information about it in google.
- Header background image can be changed by dealing with sass files. I did this
sass/custom/_layout.scssusing below lines:
1 2 3 4
- If you add some background you probably want to set position of your title and subtitle. You can do this in the same file as background image using something like this:
1 2 3 4 5 6 7 8 9 10
- Do not forget about updating your Octopress frequently. Instructions how to do that can be found in documentation
Most interesting article about SEO is surprisingly on top of google search ‘octopress seo’.
Main thing that I take from the article is that Octopress already have built in
support for SEO by additional elements in post header. This elements are
1 2 3 4 5 6 7 8 9 10
Octopress will use keywords and description to build meta section of every website on your blog.
To not forget keyword and description section in my posts I modified Rakefile:
1 2 3 4 5 6 7 8 9 10 11 12 13 14
Few things that were not so obvious for me:
- to create category name that contain few words like
about this blogsyntax like this:
not like this:
- ordered and unordered lists are not indented by default, this code in
sass/custom/_layout.scssfix this behavior:
1 2 3 4 5
Hope this tips are useful for you.