The Artima Developer Community
Sponsored Link

Java Buzz Forum
Moving from Wordpress to Jekyll

0 replies on 1 page.

Welcome Guest
  Sign In

Go back to the topic listing  Back to Topic List Click to reply to this topic  Reply to this Topic Click to search messages in this forum  Search Forum Click for a threaded view of the topic  Threaded View   
Previous Topic   Next Topic
Flat View: This topic has 0 replies on 1 page
Andrej Koelewijn

Posts: 594
Nickname: andrejk
Registered: Nov, 2002

Andrej Koelewijn is a Java and Oracle consultant
Moving from Wordpress to Jekyll Posted: Jan 6, 2013 3:46 PM
Reply to this message Reply

This post originated from an RSS feed registered with Java Buzz by Andrej Koelewijn.
Original Post: Moving from Wordpress to Jekyll
Feed Title: Andrej Koelewijn
Feed URL:
Feed Description: On Oracle, Java and OpenSource
Latest Java Buzz Posts
Latest Java Buzz Posts by Andrej Koelewijn
Latest Posts From Andrej Koelewijn


I’m a slow mover here, far behind the hype-curve, but this blog is currently being moved to jekyll. The following are some notes and links from this process.

Work in progress

Useful links:

converting wordpress posts

This is where is spent most of my time. There are automatic conversion scripts, but i still need to do a bit of manual work on every post to create nice markdown formatted posts.

The following gedit external tool script helps converting html posts to markdown posts:

sed 's/\r//g' | \
  sed 's/\[sourcecode.*\]/<pre><code>/g' | \
  sed 's/\[\/sourcecode\]/<\/pre><\/code>/g' | \
  sed 's/\[code.*\]/<pre><code>/g' | \
  sed 's/\[\/code\]/<\/pre><\/code>/g' | \
  sed 's/^$/<div\/>/g' | \
  pandoc -f html -t markdown --reference-links --indented-code-classes=code

Some manual changes: - Replace image links. - Modify embed tags used to include svg images. Now using image tags.

The result is much cleaner post text.

syntax highlighting

Using a javascript based codehightlighter: [google code prettify].



Automatic conversion of image links in html to markdown didn’t work as well as i hoped. The following was created for html links showing a thumbnail image and linking to a fullsize image:


I manually replaced these with the following:

[![screenshot alt text][screenshot thumbnail]][screenshot]
[screenshot thumbnail]:



Keep url the same comments:true Add disqus javascript to post template


Svg animations using objects - replaced by img tag, link to html page with object Problems with html generation using kramdown


url in wordpress everything is path, no resource:

Default in jekyll, ends with html page:

This can be configured in _config.yml

permalink:   pretty



Upload to Dreamhost

rsync --progress --compress --recursive --checksum --delete _site/ user@host.tld:public_html/

Caching with CloudFlare

Cloudflare CDN to cache all content Pagerule to host html pages:

Performance result on webpagetest

Upload to s3

s3cmd sync --dry-run --skip-existing --delete-removed ~/Dropbox/weblog-andrej/site-src/_site/ s3://


Read: Moving from Wordpress to Jekyll

Topic: 2012 in Bird Years Previous Topic   Next Topic Topic: Easier Multi-Field Validation with JSF 2.0

Sponsored Links


Copyright © 1996-2018 Artima, Inc. All Rights Reserved. - Privacy Policy - Terms of Use