Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

282 lines (187 sloc) 8.238 kb
<!DOCTYPE html>
<!--[if IEMobile 7 ]><html class="no-js iem7"><![endif]-->
<!--[if lt IE 9]><html class="no-js lte-ie8"><![endif]-->
<!--[if (gt IE 8)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]-->
<meta charset="utf-8">
<title>Tonny Xu</title>
<meta name="author" content="Tonny Xu">
<meta name="description" content="Knowing Octopress for a long time I still remember the first time I saw a blog which is build on
Octopress, I was so impressed that this blog system &hellip;">
<!-- -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="">
<link href="/favicon.png" rel="icon">
<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
<script src="/javascripts/modernizr-2.0.js"></script>
<script src="/javascripts/ender.js"></script>
<script src="/javascripts/octopress.js" type="text/javascript"></script>
<link href="/atom.xml" rel="alternate" title="Tonny Xu" type="application/atom+xml">
<!--Fonts from Google"s Web font directory at -->
<link href=",italic,bold,bolditalic" rel="stylesheet" type="text/css">
<link href=",italic,bold,bolditalic" rel="stylesheet" type="text/css">
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-579328-7']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
<body >
<header role="banner"><hgroup>
<h1><a href="/">Tonny Xu</a></h1>
<h2>iOS/Mac/Ruby/JS/HTML5 lover. Japan Mobile industry observer</h2>
<nav role="navigation"><ul class="subscription" data-subscription="rss">
<li><a href="/atom.xml" rel="subscribe-rss" title="subscribe via RSS">RSS</a></li>
<form action="" method="get">
<fieldset role="search">
<input type="hidden" name="q" value="" />
<input class="search" type="text" name="q" results="0" placeholder="Search"/>
<ul class="main-navigation">
<li><a href="/">Blog</a></li>
<li><a href="/blog/archives">Archives</a></li>
<div id="main">
<div id="content">
<div class="blog-index">
<h1 class="entry-title"><a href="/2012/11/21/finished-setting-up-octopress/">Finished Setting Up Octopress</a></h1>
<p class="meta">
<time datetime="2012-11-21T17:51:00+09:00" pubdate data-updated="true">Nov 21<span>st</span>, 2012</time>
<div class="entry-content"><h2>Knowing Octopress for a long time</h2>
<p>I still remember the first time I saw a blog which is build on
Octopress, I was so impressed that this blog system is neat and great
for programmers. But it was built on Ruby, I just gave a thought and did
not continue to setup one for myself. Until today, I tried hard to
overcome a lot of wiered Ruby problem, and it is online now.</p>
<h2>Reason for choosing Octopress</h2>
<p>There are many other guys wrote a lot of wonderful posts on this topics.
<a href="">Chico</a>
for his reason and tutorial. Especially when you want to use beautiful math
expressions, read this. Other posts like
<a href="">akkunchoi</a> who
built his blog system on Jekyll which is the base system of Octopress.
Another guy <a href="">BluePlanet</a> moved from Jekyll to Octopress. <a href="">Shun Matsumoto</a> also wrote a post in Japanese. If you&rsquo;d like to read Japanese, it&rsquo;s a good post.</p>
<p>For me, the reason is simple.</p>
<li>Octopress support git to manage the history of posts</li>
<li>Octopress can be easily deployed to github, FREE</li>
<li>Octopress support using markdown to write my posts, which is much
more fun than HTML or any other markup language</li>
<h2>What&rsquo;s next?</h2>
<p>Just keep on updating my blogs and bring you high quality posts on
iOS/Mac/Web/HTML5 relates fields.</p>
<p>Bon Voyage!</p>
<div class="pagination">
<a href="/blog/archives">Blog Archives</a>
<aside class="sidebar">
<h1>Recent Posts</h1>
<ul id="recent_posts">
<li class="post">
<a href="/2012/11/21/finished-setting-up-octopress/">Finished setting up Octopress</a>
<h1>GitHub Repos</h1>
<ul id="gh_repos">
<li class="loading">Status updating&#8230;</li>
<a href="">@TonnyXu</a> on GitHub
<script type="text/javascript">
if (!window.jXHR){
var jxhr = document.createElement('script');
jxhr.type = 'text/javascript';
jxhr.src = '/javascripts/libs/jXHR.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(jxhr, s);
user: 'TonnyXu',
count: 5,
skip_forks: true,
target: '#gh_repos'
<script src="/javascripts/github.js" type="text/javascript"> </script>
<h1>Latest Tweets</h1>
<ul id="tweets">
<li class="loading">Status updating&#8230;</li>
<script type="text/javascript">
getTwitterFeed("TonnyXu", 5, false);
<script src="/javascripts/twitter.js" type="text/javascript"> </script>
<a href="" class="twitter-follow-button" data-show-count="false">Follow @TonnyXu</a>
<footer role="contentinfo"><p>
Copyright &copy; 2013 - Tonny Xu -
<span class="credit">Powered by <a href="">Octopress</a></span>
<script type="text/javascript">
var disqus_shortname = 'TonnyXu';
var disqus_script = 'count.js';
(function () {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '' + disqus_script;
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); = id;
js.src = "//";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script type="text/javascript">
(function() {
var script = document.createElement('script'); script.type = 'text/javascript'; script.async = true;
script.src = '';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(script, s);
<script type="text/javascript">
var twitterWidgets = document.createElement('script');
twitterWidgets.type = 'text/javascript';
twitterWidgets.async = true;
twitterWidgets.src = '';
Jump to Line
Something went wrong with that request. Please try again.