Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Site updated at 2012-02-05 16:12:32 UTC

  • Loading branch information...
commit 2b09901b2608175fa9008ddd56f85c1716667116 1 parent eca4c1f
@geekontheway geekontheway authored
Showing with 11,504 additions and 4,248 deletions.
  1. +2 −2 atom.xml
  2. +269 −74 blog/2011/12/01/octopress-the-first-day/index.html
  3. +283 −75 blog/2011/12/02/octopress-configuration-files/index.html
  4. +270 −73 blog/2011/12/03/octopress-blockquote/index.html
  5. +270 −73 blog/2011/12/03/octopress-codeblock/index.html
  6. +277 −75 blog/2011/12/03/octopress-for-freshman/index.html
  7. +270 −73 blog/2011/12/03/octopress-image-tag/index.html
  8. +271 −74 blog/2011/12/06/nginx-autorun-with-init-scripts/index.html
  9. +271 −74 blog/2011/12/08/from-ssl-to-ssh/index.html
  10. +271 −74 blog/2011/12/09/linode-assets/index.html
  11. +271 −74 blog/2011/12/09/rvm-system-wide-install-script/index.html
  12. +270 −73 blog/2011/12/09/starting-capistrano/index.html
  13. +272 −74 blog/2011/12/10/learning-ruby/index.html
  14. +272 −75 blog/2011/12/24/install-mysql-server-in-unix-like-operating-system/index.html
  15. +269 −74 blog/2011/12/24/rails-dependencies/index.html
  16. +353 −321 blog/archives/index.html
  17. +2 −2 blog/categories/capistrano/atom.xml
  18. +227 −68 blog/categories/capistrano/index.html
  19. +2 −2 blog/categories/centos/atom.xml
  20. +227 −68 blog/categories/centos/index.html
  21. +2 −2 blog/categories/dependcy/atom.xml
  22. +227 −68 blog/categories/dependcy/index.html
  23. +2 −2 blog/categories/deploy/atom.xml
  24. +227 −68 blog/categories/deploy/index.html
  25. +2 −2 blog/categories/gem/atom.xml
  26. +227 −68 blog/categories/gem/index.html
  27. +2 −2 blog/categories/linode/atom.xml
  28. +227 −68 blog/categories/linode/index.html
  29. +2 −2 blog/categories/mysql/atom.xml
  30. +227 −68 blog/categories/mysql/index.html
  31. +2 −2 blog/categories/nginx/atom.xml
  32. +227 −68 blog/categories/nginx/index.html
  33. +2 −2 blog/categories/octopress/atom.xml
  34. +263 −144 blog/categories/octopress/index.html
  35. +2 −2 blog/categories/otocpress/atom.xml
  36. +227 −68 blog/categories/otocpress/index.html
  37. +2 −2 blog/categories/rails-deploy-chef-ubuntu/atom.xml
  38. +227 −68 blog/categories/rails-deploy-chef-ubuntu/index.html
  39. +2 −2 blog/categories/rails/atom.xml
  40. +254 −125 blog/categories/rails/index.html
  41. +2 −2 blog/categories/redhat/atom.xml
  42. +227 −68 blog/categories/redhat/index.html
  43. +2 −2 blog/categories/ruby/atom.xml
  44. +235 −86 blog/categories/ruby/index.html
  45. +2 −2 blog/categories/rvm/atom.xml
  46. +227 −68 blog/categories/rvm/index.html
  47. +2 −2 blog/categories/script/atom.xml
  48. +227 −68 blog/categories/script/index.html
  49. +2 −2 blog/categories/ubuntu/atom.xml
  50. +235 −86 blog/categories/ubuntu/index.html
  51. +233 −78 blog/page/10/index.html
  52. +240 −80 blog/page/11/index.html
  53. +233 −78 blog/page/12/index.html
  54. +246 −80 blog/page/13/index.html
  55. +232 −77 blog/page/14/index.html
  56. +235 −80 blog/page/2/index.html
  57. +235 −79 blog/page/3/index.html
  58. +234 −79 blog/page/4/index.html
  59. +233 −78 blog/page/5/index.html
  60. +231 −76 blog/page/6/index.html
  61. +234 −79 blog/page/7/index.html
  62. +234 −79 blog/page/8/index.html
  63. +233 −78 blog/page/9/index.html
  64. BIN  images/back.png
  65. BIN  images/caption.png
  66. BIN  images/comments.png
  67. BIN  images/date.png
  68. BIN  images/detail-sub.png
  69. BIN  images/detail.png
  70. BIN  images/facebook.png
  71. BIN  images/fancybox/blank.gif
  72. BIN  images/fancybox/fancybox_loading.gif
  73. BIN  images/fancybox/fancybox_sprite.png
  74. BIN  images/google.png
  75. BIN  images/loading_gray.gif
  76. BIN  images/loading_pacman.gif
  77. BIN  images/more.png
  78. BIN  images/rss.png
  79. BIN  images/search.png
  80. BIN  images/tags.png
  81. BIN  images/twitter.png
  82. BIN  images/wood.jpg
  83. +232 −77 index.html
  84. +0 −15 javascripts/caption.js
  85. +0 −13 javascripts/external.js
  86. +0 −3  javascripts/html5.js
  87. +0 −205 javascripts/jquery.easing.1.3.js
  88. +0 −32 javascripts/jquery.fancybox.pack.js
  89. +0 −4 javascripts/jquery.min.js
  90. +0 −16 javascripts/navigation.js
  91. +0 −45 javascripts/slash.js
  92. +69 −83 javascripts/twitter.js
  93. +16 −16 sitemap.xml
  94. +1 −1  stylesheets/screen.css
View
4 atom.xml
@@ -1,10 +1,10 @@
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
- <title><![CDATA[Bill Zh]]></title>
+ <title><![CDATA[Geekontheway]]></title>
<link href="http://geekontheway.github.com/atom.xml" rel="self"/>
<link href="http://geekontheway.github.com/"/>
- <updated>2012-02-05T23:23:11+08:00</updated>
+ <updated>2012-02-06T00:08:24+08:00</updated>
<id>http://geekontheway.github.com/</id>
<author>
<name><![CDATA[Bill Zh]]></name>
View
343 blog/2011/12/01/octopress-the-first-day/index.html
@@ -1,24 +1,35 @@
-<!DOCTYPE HTML>
-<html>
+<!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]-->
<head>
- <meta charset="utf-8">
- <title>Octopress: The first day - Bill Zh</title>
- <meta name="author" content="Bill Zh">
+ <meta charset="utf-8">
+ <title>Octopress: The first day - Geekontheway</title>
+ <meta name="author" content="Bill Zh">
-
- <meta name="description" content="Octopress: The First Day Octopress Setup First, I want to stress that Octopress is a blogging framework for hackers. You should be comfortable &hellip;">
-
- <meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1">
-
- <link href="/atom.xml" rel="alternate" title="Bill Zh" type="application/atom+xml">
- <link rel="canonical" href="">
- <link href="/favicon.png" rel="shortcut icon">
- <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
- <!--[if lt IE 9]><script src="/javascripts/html5.js"></script><![endif]-->
- <script src="/javascripts/jquery.min.js"></script>
-
-
+
+ <meta name="description" content="Octopress Setup First, I want to stress that Octopress is a blogging framework for hackers. You should be comfortable running shell commands and &hellip;">
+
+
+ <!-- http://t.co/dKP3o1e -->
+ <meta name="HandheldFriendly" content="True">
+ <meta name="MobileOptimized" content="320">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+
+
+ <link rel="canonical" href="http://geekontheway.github.com/blog/2011/12/01/octopress-the-first-day">
+ <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="Geekontheway" type="application/atom+xml">
+ <!--Fonts from Google"s Web font directory at http://google.com/webfonts -->
+<link href="http://fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
+
+
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-27438087-1']);
@@ -34,35 +45,62 @@
</head>
-<body>
- <header class="inner"><h1 class="left"><a href="/">Bill Zh</a></h1>
-<nav class="menu left"><ul class="main">
- <li><a href="/">Blog</a></li>
- <li><a href="/blog/archives">Archives</a></li>
+<body >
+ <header role="banner"><hgroup>
+ <h1><a href="/">Geekontheway</a></h1>
+
+ <h2>Stay hungry Stay foolish</h2>
+
+</hgroup>
+
+</header>
+ <nav role="navigation"><ul class="subscription" data-subscription="rss">
+ <li><a href="/atom.xml" rel="subscribe-rss" title="subscribe via RSS">RSS</a></li>
+
</ul>
+<form action="http://google.com/search" method="get">
+ <fieldset role="search">
+ <input type="hidden" name="q" value="site:geekontheway.github.com" />
+ <input class="search" type="text" name="q" results="0" placeholder="Search"/>
+ </fieldset>
+</form>
+<ul class="main-navigation">
+ <li><a href="/">首页</a></li>
+ <li><a href="/blog/archives">目录</a></li>
+</ul>
+
</nav>
-<div class="right">
- <form class="search right" action="http://google.com/search" method="get">
- <input class="left" type="text" name="q" results="0">
- <input type="hidden" name="q" value="site:geekontheway.github.com">
- </form>
- <div class="social right">
-
-
- <a class="google" href="https://plus.google.com/xiaoliang@networking.io" title="Google+">Google+</a>
-
-
- <a class="twitter" href="http://twitter.com/geekzh" title="Twitter">Twitter</a>
-
-
- <a class="rss" href="/atom.xml" title="RSS">RSS</a>
-
- </div>
-</div>
-</header>
- <div id="content" class="inner"><article class="post">
- <h1 class="title">Octopress: The First Day</h1>
- <div class="entry"><h1>Octopress Setup</h1>
+ <div id="main">
+ <div id="content">
+ <div>
+<article class="hentry" role="article">
+
+ <header>
+
+ <h1 class="entry-title">Octopress: The First Day</h1>
+
+
+ <p class="meta">
+
+
+
+
+
+
+
+
+
+
+
+
+<time datetime="2011-12-01T07:44:00+08:00" pubdate data-updated="true">Dec 1<span>st</span>, 2011</time>
+
+ </p>
+
+ </header>
+
+
+<div class="entry-content"><h1>Octopress Setup</h1>
<blockquote><p>First, I want to stress that Octopress is a blogging framework for hackers. You should be comfortable running shell commands and familiar with the basics of Git. If that sounds daunting, Octopress probably isn’t for you.</p></blockquote>
@@ -376,8 +414,16 @@ <h1 class="title">Octopress: The First Day</h1>
<p>Do not use a CNAME record with a top-level domain it can have adverse side effects on other services like email. Many DNS services will let you set a CNAME on a TLD, even though you shouldn’t. Remember that it may take up to a full day for DNS changes to propagate, so be patient.</p>
</div>
- <div class="meta">
- <div class="date">
+
+
+ <footer>
+ <p class="meta">
+
+
+
+<span class="byline author vcard">Posted by <span class="fn">Bill Zh</span></span>
+
+
@@ -389,44 +435,167 @@ <h1 class="title">Octopress: The First Day</h1>
-<time datetime="2011-12-01T07:44:00+08:00" pubdate data-updated="true">Dec 1<span>st</span>, 2011</time></div>
- <div class="tags">
+<time datetime="2011-12-01T07:44:00+08:00" pubdate data-updated="true">Dec 1<span>st</span>, 2011</time>
+
-<div class="cat">
+<span class="categories">
<a class='category' href='/blog/categories/octopress/'>octopress</a>
-</div>
+</span>
+
+ </p>
+
+ <div class="sharing">
+
+ <a href="http://twitter.com/share" class="twitter-share-button" data-url="http://geekontheway.github.com/blog/2011/12/01/octopress-the-first-day/" data-via="geekzh" data-counturl="http://geekontheway.github.com/blog/2011/12/01/octopress-the-first-day/" >Tweet</a>
+
+
+ <div class="g-plusone" data-size="medium"></div>
+
+
</div>
-
- </div>
+
+
+ <p class="meta">
+
+
+ <a class="basic-alignment right" href="/blog/2011/12/02/octopress-configuration-files/" title="next Post: Octopress: Configuration files">Octopress: Configuration files &raquo;</a>
+
+ </p>
+ </footer>
</article>
-<div class="share">
- <div class="addthis_toolbox addthis_default_style ">
-
-
- <a class="addthis_button_tweet"></a>
-
-
- <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
-
- <a class="addthis_counter addthis_pill_style"></a>
- </div>
- <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4eb4a0c47196e907"></script>
-</div>
-<section id="comment">
- <h1 class="title">Comments</h1>
+ <section>
+ <h1>Comments</h1>
<div id="disqus_thread" aria-live="polite"><noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</div>
-</section>
+ </section>
+
</div>
- <footer class="inner">Copyright &copy; 2012 Bill Zh</footer>
- <script src="/javascripts/jquery.easing.1.3.js"></script>
-<script src="/javascripts/jquery.fancybox.pack.js"></script>
-<script src="/javascripts/slash.js"></script>
+<aside class="sidebar">
+
+ <section>
+ <h1>Recent Posts</h1>
+ <ul id="recent_posts">
+
+ <li class="post">
+ <a href="/blog/2011/12/24/rails-dependencies/">Rails-Dependencies</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/24/install-mysql-server-in-unix-like-operating-system/">Install-Mysql-Server-In-Unix-Like-Operating-System</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/10/learning-ruby/">Ruby语言入门by园田裕贵</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/09/linode-assets/">Linode上相关安装和设置</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/09/starting-capistrano/">初学capistrano</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/09/rvm-system-wide-install-script/">分享一个全局RVM的安装脚本 Ubuntu 10.04 </a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/08/from-ssl-to-ssh/">从Capsitrano说起</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/06/nginx-autorun-with-init-scripts/">nginx自启动设置</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/03/octopress-blockquote/">Octopress: Blockquote</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/03/octopress-codeblock/">Octopress: Codeblock</a>
+ </li>
+
+ </ul>
+</section>
+
+<section>
+ <h1>Github Repos</h1>
+ <ul id="gh_repos">
+ <li class="loading">Status updating...</li>
+ </ul>
+
+ <a href="https://github.com/geekontheway">@geekontheway</a> on Github
+
+ <script type="text/javascript">
+ $.domReady(function(){
+ 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);
+ }
+
+ github.showRepos({
+ user: 'geekontheway',
+ count: 0,
+ skip_forks: true,
+ target: '#gh_repos'
+ });
+ });
+ </script>
+ <script src="/javascripts/github.js" type="text/javascript"> </script>
+</section>
+
+
+<section>
+ <h1>Latest Tweets</h1>
+ <ul id="tweets">
+ <li class="loading">Status updating...</li>
+ </ul>
+ <script type="text/javascript">
+ $.domReady(function(){
+ getTwitterFeed("geekzh", 4, true);
+ });
+ </script>
+ <script src="/javascripts/twitter.js" type="text/javascript"> </script>
+
+ <a href="http://twitter.com/geekzh" class="twitter-follow-button" data-width="208px" data-show-count="false">Follow @geekzh</a>
+
+</section>
+
+
+
+<section class="googleplus">
+ <h1>
+ <a href="https://plus.google.com/xiaoliang@networking.io?rel=author">
+ <img src="http://www.google.com/images/icons/ui/gprofile_button-32.png" width="32" height="32">
+ Google+
+ </a>
+ </h1>
+</section>
+
+
+
+
+</aside>
+
+
+ </div>
+ </div>
+ <footer role="contentinfo"><p>
+ Copyright &copy; 2012 - Bill Zh -
+ <span class="credit">Powered by <a href="http://octopress.org">Octopress</a></span>
+</p>
+
+</footer>
+
<script type="text/javascript">
var disqus_shortname = 'geekzh';
@@ -446,5 +615,31 @@ <h1 class="title">Comments</h1>
+
+
+ <script type="text/javascript">
+ (function() {
+ var script = document.createElement('script'); script.type = 'text/javascript'; script.async = true;
+ script.src = 'https://apis.google.com/js/plusone.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(script, s);
+ })();
+ </script>
+
+
+
+ <script type="text/javascript">
+ (function(){
+ var twitterWidgets = document.createElement('script');
+ twitterWidgets.type = 'text/javascript';
+ twitterWidgets.async = true;
+ twitterWidgets.src = 'http://platform.twitter.com/widgets.js';
+ document.getElementsByTagName('head')[0].appendChild(twitterWidgets);
+ })();
+ </script>
+
+
+
+
+
</body>
-</html>
+</html>
View
358 blog/2011/12/02/octopress-configuration-files/index.html
@@ -1,13 +1,15 @@
-<!DOCTYPE HTML>
-<html>
+<!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]-->
<head>
- <meta charset="utf-8">
- <title>Octopress: Configuration files - Bill Zh</title>
- <meta name="author" content="Bill Zh">
+ <meta charset="utf-8">
+ <title>Octopress: Configuration files - Geekontheway</title>
+ <meta name="author" content="Bill Zh">
-
- <meta name="description" content="Octopress: Configuration Files _config.yml 1
+
+ <meta name="description" content="_config.yml 1
2
3
4
@@ -44,18 +46,38 @@
35
36
37
-38 &hellip;">
-
- <meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1">
-
- <link href="/atom.xml" rel="alternate" title="Bill Zh" type="application/atom+xml">
- <link rel="canonical" href="">
- <link href="/favicon.png" rel="shortcut icon">
- <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
- <!--[if lt IE 9]><script src="/javascripts/html5.js"></script><![endif]-->
- <script src="/javascripts/jquery.min.js"></script>
-
-
+38
+39
+40
+41
+42
+43
+44
+45
+46
+47
+48
+49 &hellip;">
+
+
+ <!-- http://t.co/dKP3o1e -->
+ <meta name="HandheldFriendly" content="True">
+ <meta name="MobileOptimized" content="320">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+
+
+ <link rel="canonical" href="http://geekontheway.github.com/blog/2011/12/02/octopress-configuration-files">
+ <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="Geekontheway" type="application/atom+xml">
+ <!--Fonts from Google"s Web font directory at http://google.com/webfonts -->
+<link href="http://fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
+
+
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-27438087-1']);
@@ -71,35 +93,62 @@
</head>
-<body>
- <header class="inner"><h1 class="left"><a href="/">Bill Zh</a></h1>
-<nav class="menu left"><ul class="main">
- <li><a href="/">Blog</a></li>
- <li><a href="/blog/archives">Archives</a></li>
+<body >
+ <header role="banner"><hgroup>
+ <h1><a href="/">Geekontheway</a></h1>
+
+ <h2>Stay hungry Stay foolish</h2>
+
+</hgroup>
+
+</header>
+ <nav role="navigation"><ul class="subscription" data-subscription="rss">
+ <li><a href="/atom.xml" rel="subscribe-rss" title="subscribe via RSS">RSS</a></li>
+
</ul>
+<form action="http://google.com/search" method="get">
+ <fieldset role="search">
+ <input type="hidden" name="q" value="site:geekontheway.github.com" />
+ <input class="search" type="text" name="q" results="0" placeholder="Search"/>
+ </fieldset>
+</form>
+<ul class="main-navigation">
+ <li><a href="/">首页</a></li>
+ <li><a href="/blog/archives">目录</a></li>
+</ul>
+
</nav>
-<div class="right">
- <form class="search right" action="http://google.com/search" method="get">
- <input class="left" type="text" name="q" results="0">
- <input type="hidden" name="q" value="site:geekontheway.github.com">
- </form>
- <div class="social right">
-
-
- <a class="google" href="https://plus.google.com/xiaoliang@networking.io" title="Google+">Google+</a>
-
-
- <a class="twitter" href="http://twitter.com/geekzh" title="Twitter">Twitter</a>
-
-
- <a class="rss" href="/atom.xml" title="RSS">RSS</a>
-
- </div>
-</div>
-</header>
- <div id="content" class="inner"><article class="post">
- <h1 class="title">Octopress: Configuration Files</h1>
- <div class="entry"><h1>_config.yml</h1>
+ <div id="main">
+ <div id="content">
+ <div>
+<article class="hentry" role="article">
+
+ <header>
+
+ <h1 class="entry-title">Octopress: Configuration Files</h1>
+
+
+ <p class="meta">
+
+
+
+
+
+
+
+
+
+
+
+
+<time datetime="2011-12-02T07:44:00+08:00" pubdate data-updated="true">Dec 2<span>nd</span>, 2011</time>
+
+ </p>
+
+ </header>
+
+
+<div class="entry-content"><h1>_config.yml</h1>
<figure class='code'> <div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class='line-number'>1</span>
<span class='line-number'>2</span>
@@ -392,8 +441,16 @@ <h1 class="title">Octopress: Configuration Files</h1>
</div>
- <div class="meta">
- <div class="date">
+
+
+ <footer>
+ <p class="meta">
+
+
+
+<span class="byline author vcard">Posted by <span class="fn">Bill Zh</span></span>
+
+
@@ -405,44 +462,169 @@ <h1 class="title">Octopress: Configuration Files</h1>
-<time datetime="2011-12-02T07:44:00+08:00" pubdate data-updated="true">Dec 2<span>nd</span>, 2011</time></div>
- <div class="tags">
+<time datetime="2011-12-02T07:44:00+08:00" pubdate data-updated="true">Dec 2<span>nd</span>, 2011</time>
+
-<div class="cat">
+<span class="categories">
<a class='category' href='/blog/categories/octopress/'>octopress</a>
-</div>
+</span>
+
+ </p>
+
+ <div class="sharing">
+
+ <a href="http://twitter.com/share" class="twitter-share-button" data-url="http://geekontheway.github.com/blog/2011/12/02/octopress-configuration-files/" data-via="geekzh" data-counturl="http://geekontheway.github.com/blog/2011/12/02/octopress-configuration-files/" >Tweet</a>
+
+
+ <div class="g-plusone" data-size="medium"></div>
+
+
</div>
-
- </div>
+
+
+ <p class="meta">
+
+ <a class="basic-alignment left" href="/blog/2011/12/01/octopress-the-first-day/" title="Previous Post: Octopress: The first day">&laquo; Octopress: The first day</a>
+
+
+ <a class="basic-alignment right" href="/blog/2011/12/03/octopress-image-tag/" title="next Post: Octopress: Image tag">Octopress: Image tag &raquo;</a>
+
+ </p>
+ </footer>
</article>
-<div class="share">
- <div class="addthis_toolbox addthis_default_style ">
-
-
- <a class="addthis_button_tweet"></a>
-
-
- <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
-
- <a class="addthis_counter addthis_pill_style"></a>
- </div>
- <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4eb4a0c47196e907"></script>
-</div>
-<section id="comment">
- <h1 class="title">Comments</h1>
+ <section>
+ <h1>Comments</h1>
<div id="disqus_thread" aria-live="polite"><noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</div>
-</section>
+ </section>
+
</div>
- <footer class="inner">Copyright &copy; 2012 Bill Zh</footer>
- <script src="/javascripts/jquery.easing.1.3.js"></script>
-<script src="/javascripts/jquery.fancybox.pack.js"></script>
-<script src="/javascripts/slash.js"></script>
+<aside class="sidebar">
+
+ <section>
+ <h1>Recent Posts</h1>
+ <ul id="recent_posts">
+
+ <li class="post">
+ <a href="/blog/2011/12/24/rails-dependencies/">Rails-Dependencies</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/24/install-mysql-server-in-unix-like-operating-system/">Install-Mysql-Server-In-Unix-Like-Operating-System</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/10/learning-ruby/">Ruby语言入门by园田裕贵</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/09/linode-assets/">Linode上相关安装和设置</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/09/starting-capistrano/">初学capistrano</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/09/rvm-system-wide-install-script/">分享一个全局RVM的安装脚本 Ubuntu 10.04 </a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/08/from-ssl-to-ssh/">从Capsitrano说起</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/06/nginx-autorun-with-init-scripts/">nginx自启动设置</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/03/octopress-blockquote/">Octopress: Blockquote</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/03/octopress-codeblock/">Octopress: Codeblock</a>
+ </li>
+
+ </ul>
+</section>
+
+<section>
+ <h1>Github Repos</h1>
+ <ul id="gh_repos">
+ <li class="loading">Status updating...</li>
+ </ul>
+
+ <a href="https://github.com/geekontheway">@geekontheway</a> on Github
+
+ <script type="text/javascript">
+ $.domReady(function(){
+ 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);
+ }
+
+ github.showRepos({
+ user: 'geekontheway',
+ count: 0,
+ skip_forks: true,
+ target: '#gh_repos'
+ });
+ });
+ </script>
+ <script src="/javascripts/github.js" type="text/javascript"> </script>
+</section>
+
+
+<section>
+ <h1>Latest Tweets</h1>
+ <ul id="tweets">
+ <li class="loading">Status updating...</li>
+ </ul>
+ <script type="text/javascript">
+ $.domReady(function(){
+ getTwitterFeed("geekzh", 4, true);
+ });
+ </script>
+ <script src="/javascripts/twitter.js" type="text/javascript"> </script>
+
+ <a href="http://twitter.com/geekzh" class="twitter-follow-button" data-width="208px" data-show-count="false">Follow @geekzh</a>
+
+</section>
+
+
+
+<section class="googleplus">
+ <h1>
+ <a href="https://plus.google.com/xiaoliang@networking.io?rel=author">
+ <img src="http://www.google.com/images/icons/ui/gprofile_button-32.png" width="32" height="32">
+ Google+
+ </a>
+ </h1>
+</section>
+
+
+
+
+</aside>
+
+
+ </div>
+ </div>
+ <footer role="contentinfo"><p>
+ Copyright &copy; 2012 - Bill Zh -
+ <span class="credit">Powered by <a href="http://octopress.org">Octopress</a></span>
+</p>
+
+</footer>
+
<script type="text/javascript">
var disqus_shortname = 'geekzh';
@@ -462,5 +644,31 @@ <h1 class="title">Comments</h1>
+
+
+ <script type="text/javascript">
+ (function() {
+ var script = document.createElement('script'); script.type = 'text/javascript'; script.async = true;
+ script.src = 'https://apis.google.com/js/plusone.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(script, s);
+ })();
+ </script>
+
+
+
+ <script type="text/javascript">
+ (function(){
+ var twitterWidgets = document.createElement('script');
+ twitterWidgets.type = 'text/javascript';
+ twitterWidgets.async = true;
+ twitterWidgets.src = 'http://platform.twitter.com/widgets.js';
+ document.getElementsByTagName('head')[0].appendChild(twitterWidgets);
+ })();
+ </script>
+
+
+
+
+
</body>
-</html>
+</html>
View
343 blog/2011/12/03/octopress-blockquote/index.html
@@ -1,24 +1,35 @@
-<!DOCTYPE HTML>
-<html>
+<!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]-->
<head>
- <meta charset="utf-8">
- <title>Octopress: Blockquote - Bill Zh</title>
- <meta name="author" content="Bill Zh">
+ <meta charset="utf-8">
+ <title>Octopress: Blockquote - Geekontheway</title>
+ <meta name="author" content="Bill Zh">
-
- <meta name="description" content="Octopress: Blockquote The blockquote plugin takes and author, source, title and quote, and outputs semantic HTML. Note that they also must start and &hellip;">
-
- <meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1">
+
+ <meta name="description" content="The blockquote plugin takes and author, source, title and quote, and outputs semantic HTML. Note that they also must start and end with brace and &hellip;">
+
- <link href="/atom.xml" rel="alternate" title="Bill Zh" type="application/atom+xml">
- <link rel="canonical" href="">
- <link href="/favicon.png" rel="shortcut icon">
- <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
- <!--[if lt IE 9]><script src="/javascripts/html5.js"></script><![endif]-->
- <script src="/javascripts/jquery.min.js"></script>
-
-
+ <!-- http://t.co/dKP3o1e -->
+ <meta name="HandheldFriendly" content="True">
+ <meta name="MobileOptimized" content="320">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+
+
+ <link rel="canonical" href="http://geekontheway.github.com/blog/2011/12/03/octopress-blockquote">
+ <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="Geekontheway" type="application/atom+xml">
+ <!--Fonts from Google"s Web font directory at http://google.com/webfonts -->
+<link href="http://fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
+
+
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-27438087-1']);
@@ -34,35 +45,62 @@
</head>
-<body>
- <header class="inner"><h1 class="left"><a href="/">Bill Zh</a></h1>
-<nav class="menu left"><ul class="main">
- <li><a href="/">Blog</a></li>
- <li><a href="/blog/archives">Archives</a></li>
+<body >
+ <header role="banner"><hgroup>
+ <h1><a href="/">Geekontheway</a></h1>
+
+ <h2>Stay hungry Stay foolish</h2>
+
+</hgroup>
+
+</header>
+ <nav role="navigation"><ul class="subscription" data-subscription="rss">
+ <li><a href="/atom.xml" rel="subscribe-rss" title="subscribe via RSS">RSS</a></li>
+
+</ul>
+<form action="http://google.com/search" method="get">
+ <fieldset role="search">
+ <input type="hidden" name="q" value="site:geekontheway.github.com" />
+ <input class="search" type="text" name="q" results="0" placeholder="Search"/>
+ </fieldset>
+</form>
+<ul class="main-navigation">
+ <li><a href="/">首页</a></li>
+ <li><a href="/blog/archives">目录</a></li>
</ul>
+
</nav>
-<div class="right">
- <form class="search right" action="http://google.com/search" method="get">
- <input class="left" type="text" name="q" results="0">
- <input type="hidden" name="q" value="site:geekontheway.github.com">
- </form>
- <div class="social right">
-
-
- <a class="google" href="https://plus.google.com/xiaoliang@networking.io" title="Google+">Google+</a>
-
-
- <a class="twitter" href="http://twitter.com/geekzh" title="Twitter">Twitter</a>
-
-
- <a class="rss" href="/atom.xml" title="RSS">RSS</a>
-
- </div>
-</div>
-</header>
- <div id="content" class="inner"><article class="post">
- <h1 class="title">Octopress: Blockquote</h1>
- <div class="entry"><p>The blockquote plugin takes and <strong>author, source, title and quote, and outputs</strong> semantic HTML.</p>
+ <div id="main">
+ <div id="content">
+ <div>
+<article class="hentry" role="article">
+
+ <header>
+
+ <h1 class="entry-title">Octopress: Blockquote</h1>
+
+
+ <p class="meta">
+
+
+
+
+
+
+
+
+
+
+
+
+<time datetime="2011-12-03T12:48:00+08:00" pubdate data-updated="true">Dec 3<span>rd</span>, 2011</time>
+
+ </p>
+
+ </header>
+
+
+<div class="entry-content"><p>The blockquote plugin takes and <strong>author, source, title and quote, and outputs</strong> semantic HTML.</p>
<blockquote><p>Note that they also must start and end with brace and persent.</p></blockquote>
@@ -86,8 +124,16 @@ <h1 class="title">Octopress: Blockquote</h1>
<blockquote><p>Every interaction is both precious and an opportunity to delight.</p><footer><strong>Seth Godin</strong><cite><a href='http://sethgodin.typepad.com/seths_blog/2009/07/welcome-to-island-marketing.html'>Welcome to Island Marketing</a></cite></footer></blockquote>
</div>
- <div class="meta">
- <div class="date">
+
+
+ <footer>
+ <p class="meta">
+
+
+
+<span class="byline author vcard">Posted by <span class="fn">Bill Zh</span></span>
+
+
@@ -99,44 +145,169 @@ <h1 class="title">Octopress: Blockquote</h1>
-<time datetime="2011-12-03T12:48:00+08:00" pubdate data-updated="true">Dec 3<span>rd</span>, 2011</time></div>
- <div class="tags">
+<time datetime="2011-12-03T12:48:00+08:00" pubdate data-updated="true">Dec 3<span>rd</span>, 2011</time>
+
-<div class="cat">
+<span class="categories">
<a class='category' href='/blog/categories/octopress/'>octopress</a>
-</div>
+</span>
+
+ </p>
+
+ <div class="sharing">
+
+ <a href="http://twitter.com/share" class="twitter-share-button" data-url="http://geekontheway.github.com/blog/2011/12/03/octopress-blockquote/" data-via="geekzh" data-counturl="http://geekontheway.github.com/blog/2011/12/03/octopress-blockquote/" >Tweet</a>
+
+
+ <div class="g-plusone" data-size="medium"></div>
+
+
</div>
-
- </div>
+
+
+ <p class="meta">
+
+ <a class="basic-alignment left" href="/blog/2011/12/03/octopress-codeblock/" title="Previous Post: Octopress: Codeblock">&laquo; Octopress: Codeblock</a>
+
+
+ <a class="basic-alignment right" href="/blog/2011/12/06/nginx-autorun-with-init-scripts/" title="next Post: nginx自启动设置">nginx自启动设置 &raquo;</a>
+
+ </p>
+ </footer>
</article>
-<div class="share">
- <div class="addthis_toolbox addthis_default_style ">
-
-
- <a class="addthis_button_tweet"></a>
-
-
- <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
-
- <a class="addthis_counter addthis_pill_style"></a>
- </div>
- <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4eb4a0c47196e907"></script>
-</div>
-<section id="comment">
- <h1 class="title">Comments</h1>
+ <section>
+ <h1>Comments</h1>
<div id="disqus_thread" aria-live="polite"><noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</div>
-</section>
+ </section>
+
</div>
- <footer class="inner">Copyright &copy; 2012 Bill Zh</footer>
- <script src="/javascripts/jquery.easing.1.3.js"></script>
-<script src="/javascripts/jquery.fancybox.pack.js"></script>
-<script src="/javascripts/slash.js"></script>
+<aside class="sidebar">
+
+ <section>
+ <h1>Recent Posts</h1>
+ <ul id="recent_posts">
+
+ <li class="post">
+ <a href="/blog/2011/12/24/rails-dependencies/">Rails-Dependencies</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/24/install-mysql-server-in-unix-like-operating-system/">Install-Mysql-Server-In-Unix-Like-Operating-System</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/10/learning-ruby/">Ruby语言入门by园田裕贵</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/09/linode-assets/">Linode上相关安装和设置</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/09/starting-capistrano/">初学capistrano</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/09/rvm-system-wide-install-script/">分享一个全局RVM的安装脚本 Ubuntu 10.04 </a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/08/from-ssl-to-ssh/">从Capsitrano说起</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/06/nginx-autorun-with-init-scripts/">nginx自启动设置</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/03/octopress-blockquote/">Octopress: Blockquote</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/03/octopress-codeblock/">Octopress: Codeblock</a>
+ </li>
+
+ </ul>
+</section>
+
+<section>
+ <h1>Github Repos</h1>
+ <ul id="gh_repos">
+ <li class="loading">Status updating...</li>
+ </ul>
+
+ <a href="https://github.com/geekontheway">@geekontheway</a> on Github
+
+ <script type="text/javascript">
+ $.domReady(function(){
+ 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);
+ }
+
+ github.showRepos({
+ user: 'geekontheway',
+ count: 0,
+ skip_forks: true,
+ target: '#gh_repos'
+ });
+ });
+ </script>
+ <script src="/javascripts/github.js" type="text/javascript"> </script>
+</section>
+
+
+<section>
+ <h1>Latest Tweets</h1>
+ <ul id="tweets">
+ <li class="loading">Status updating...</li>
+ </ul>
+ <script type="text/javascript">
+ $.domReady(function(){
+ getTwitterFeed("geekzh", 4, true);
+ });
+ </script>
+ <script src="/javascripts/twitter.js" type="text/javascript"> </script>
+
+ <a href="http://twitter.com/geekzh" class="twitter-follow-button" data-width="208px" data-show-count="false">Follow @geekzh</a>
+
+</section>
+
+
+
+<section class="googleplus">
+ <h1>
+ <a href="https://plus.google.com/xiaoliang@networking.io?rel=author">
+ <img src="http://www.google.com/images/icons/ui/gprofile_button-32.png" width="32" height="32">
+ Google+
+ </a>
+ </h1>
+</section>
+
+
+
+
+</aside>
+
+
+ </div>
+ </div>
+ <footer role="contentinfo"><p>
+ Copyright &copy; 2012 - Bill Zh -
+ <span class="credit">Powered by <a href="http://octopress.org">Octopress</a></span>
+</p>
+
+</footer>
+
<script type="text/javascript">
var disqus_shortname = 'geekzh';
@@ -156,5 +327,31 @@ <h1 class="title">Comments</h1>
+
+
+ <script type="text/javascript">
+ (function() {
+ var script = document.createElement('script'); script.type = 'text/javascript'; script.async = true;
+ script.src = 'https://apis.google.com/js/plusone.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(script, s);
+ })();
+ </script>
+
+
+
+ <script type="text/javascript">
+ (function(){
+ var twitterWidgets = document.createElement('script');
+ twitterWidgets.type = 'text/javascript';
+ twitterWidgets.async = true;
+ twitterWidgets.src = 'http://platform.twitter.com/widgets.js';
+ document.getElementsByTagName('head')[0].appendChild(twitterWidgets);
+ })();
+ </script>
+
+
+
+
+
</body>
-</html>
+</html>
View
343 blog/2011/12/03/octopress-codeblock/index.html
@@ -1,24 +1,35 @@
-<!DOCTYPE HTML>
-<html>
+<!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]-->
<head>
- <meta charset="utf-8">
- <title>Octopress: Codeblock - Bill Zh</title>
- <meta name="author" content="Bill Zh">
+ <meta charset="utf-8">
+ <title>Octopress: Codeblock - Geekontheway</title>
+ <meta name="author" content="Bill Zh">
-
- <meta name="description" content="Octopress: Codeblock With this plugin you can write blocks of code directly in your posts and optionally add titles and links. Syntax Start and end &hellip;">
-
- <meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1">
+
+ <meta name="description" content="With this plugin you can write blocks of code directly in your posts and optionally add titles and links. Syntax Start and end must be in one couple &hellip;">
+
- <link href="/atom.xml" rel="alternate" title="Bill Zh" type="application/atom+xml">
- <link rel="canonical" href="">
- <link href="/favicon.png" rel="shortcut icon">
- <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
- <!--[if lt IE 9]><script src="/javascripts/html5.js"></script><![endif]-->
- <script src="/javascripts/jquery.min.js"></script>
-
-
+ <!-- http://t.co/dKP3o1e -->
+ <meta name="HandheldFriendly" content="True">
+ <meta name="MobileOptimized" content="320">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+
+
+ <link rel="canonical" href="http://geekontheway.github.com/blog/2011/12/03/octopress-codeblock">
+ <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="Geekontheway" type="application/atom+xml">
+ <!--Fonts from Google"s Web font directory at http://google.com/webfonts -->
+<link href="http://fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
+
+
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-27438087-1']);
@@ -34,35 +45,62 @@
</head>
-<body>
- <header class="inner"><h1 class="left"><a href="/">Bill Zh</a></h1>
-<nav class="menu left"><ul class="main">
- <li><a href="/">Blog</a></li>
- <li><a href="/blog/archives">Archives</a></li>
+<body >
+ <header role="banner"><hgroup>
+ <h1><a href="/">Geekontheway</a></h1>
+
+ <h2>Stay hungry Stay foolish</h2>
+
+</hgroup>
+
+</header>
+ <nav role="navigation"><ul class="subscription" data-subscription="rss">
+ <li><a href="/atom.xml" rel="subscribe-rss" title="subscribe via RSS">RSS</a></li>
+
+</ul>
+<form action="http://google.com/search" method="get">
+ <fieldset role="search">
+ <input type="hidden" name="q" value="site:geekontheway.github.com" />
+ <input class="search" type="text" name="q" results="0" placeholder="Search"/>
+ </fieldset>
+</form>
+<ul class="main-navigation">
+ <li><a href="/">首页</a></li>
+ <li><a href="/blog/archives">目录</a></li>
</ul>
+
</nav>
-<div class="right">
- <form class="search right" action="http://google.com/search" method="get">
- <input class="left" type="text" name="q" results="0">
- <input type="hidden" name="q" value="site:geekontheway.github.com">
- </form>
- <div class="social right">
-
-
- <a class="google" href="https://plus.google.com/xiaoliang@networking.io" title="Google+">Google+</a>
-
-
- <a class="twitter" href="http://twitter.com/geekzh" title="Twitter">Twitter</a>
-
-
- <a class="rss" href="/atom.xml" title="RSS">RSS</a>
-
- </div>
-</div>
-</header>
- <div id="content" class="inner"><article class="post">
- <h1 class="title">Octopress: Codeblock</h1>
- <div class="entry"><p>With this plugin you can write blocks of code directly in your posts and optionally add titles and links.</p>
+ <div id="main">
+ <div id="content">
+ <div>
+<article class="hentry" role="article">
+
+ <header>
+
+ <h1 class="entry-title">Octopress: Codeblock</h1>
+
+
+ <p class="meta">
+
+
+
+
+
+
+
+
+
+
+
+
+<time datetime="2011-12-03T12:21:00+08:00" pubdate data-updated="true">Dec 3<span>rd</span>, 2011</time>
+
+ </p>
+
+ </header>
+
+
+<div class="entry-content"><p>With this plugin you can write blocks of code directly in your posts and optionally add titles and links.</p>
<h1>Syntax</h1>
@@ -125,8 +163,16 @@ <h1 class="title">Octopress: Codeblock</h1>
<p>The last argument link_text is optional. You may want to link to a source for download file, or documentation on some other site.</p>
</div>
- <div class="meta">
- <div class="date">
+
+
+ <footer>
+ <p class="meta">
+
+
+
+<span class="byline author vcard">Posted by <span class="fn">Bill Zh</span></span>
+
+
@@ -138,44 +184,169 @@ <h1 class="title">Octopress: Codeblock</h1>
-<time datetime="2011-12-03T12:21:00+08:00" pubdate data-updated="true">Dec 3<span>rd</span>, 2011</time></div>
- <div class="tags">
+<time datetime="2011-12-03T12:21:00+08:00" pubdate data-updated="true">Dec 3<span>rd</span>, 2011</time>
+
-<div class="cat">
+<span class="categories">
<a class='category' href='/blog/categories/octopress/'>octopress</a>
-</div>
+</span>
+
+ </p>
+
+ <div class="sharing">
+
+ <a href="http://twitter.com/share" class="twitter-share-button" data-url="http://geekontheway.github.com/blog/2011/12/03/octopress-codeblock/" data-via="geekzh" data-counturl="http://geekontheway.github.com/blog/2011/12/03/octopress-codeblock/" >Tweet</a>
+
+
+ <div class="g-plusone" data-size="medium"></div>
+
+
</div>
-
- </div>
+
+
+ <p class="meta">
+
+ <a class="basic-alignment left" href="/blog/2011/12/03/octopress-for-freshman/" title="Previous Post: Octopress: 新手教程">&laquo; Octopress: 新手教程</a>
+
+
+ <a class="basic-alignment right" href="/blog/2011/12/03/octopress-blockquote/" title="next Post: Octopress: Blockquote">Octopress: Blockquote &raquo;</a>
+
+ </p>
+ </footer>
</article>
-<div class="share">
- <div class="addthis_toolbox addthis_default_style ">
-
-
- <a class="addthis_button_tweet"></a>
-
-
- <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
-
- <a class="addthis_counter addthis_pill_style"></a>
- </div>
- <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4eb4a0c47196e907"></script>
-</div>
-<section id="comment">
- <h1 class="title">Comments</h1>
+ <section>
+ <h1>Comments</h1>
<div id="disqus_thread" aria-live="polite"><noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</div>
-</section>
+ </section>
+
</div>
- <footer class="inner">Copyright &copy; 2012 Bill Zh</footer>
- <script src="/javascripts/jquery.easing.1.3.js"></script>
-<script src="/javascripts/jquery.fancybox.pack.js"></script>
-<script src="/javascripts/slash.js"></script>
+<aside class="sidebar">
+
+ <section>
+ <h1>Recent Posts</h1>
+ <ul id="recent_posts">
+
+ <li class="post">
+ <a href="/blog/2011/12/24/rails-dependencies/">Rails-Dependencies</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/24/install-mysql-server-in-unix-like-operating-system/">Install-Mysql-Server-In-Unix-Like-Operating-System</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/10/learning-ruby/">Ruby语言入门by园田裕贵</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/09/linode-assets/">Linode上相关安装和设置</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/09/starting-capistrano/">初学capistrano</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/09/rvm-system-wide-install-script/">分享一个全局RVM的安装脚本 Ubuntu 10.04 </a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/08/from-ssl-to-ssh/">从Capsitrano说起</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/06/nginx-autorun-with-init-scripts/">nginx自启动设置</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/03/octopress-blockquote/">Octopress: Blockquote</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/03/octopress-codeblock/">Octopress: Codeblock</a>
+ </li>
+
+ </ul>
+</section>
+
+<section>
+ <h1>Github Repos</h1>
+ <ul id="gh_repos">
+ <li class="loading">Status updating...</li>
+ </ul>
+
+ <a href="https://github.com/geekontheway">@geekontheway</a> on Github
+
+ <script type="text/javascript">
+ $.domReady(function(){
+ 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);
+ }
+
+ github.showRepos({
+ user: 'geekontheway',
+ count: 0,
+ skip_forks: true,
+ target: '#gh_repos'
+ });
+ });
+ </script>
+ <script src="/javascripts/github.js" type="text/javascript"> </script>
+</section>
+
+
+<section>
+ <h1>Latest Tweets</h1>
+ <ul id="tweets">
+ <li class="loading">Status updating...</li>
+ </ul>
+ <script type="text/javascript">
+ $.domReady(function(){
+ getTwitterFeed("geekzh", 4, true);
+ });
+ </script>
+ <script src="/javascripts/twitter.js" type="text/javascript"> </script>
+
+ <a href="http://twitter.com/geekzh" class="twitter-follow-button" data-width="208px" data-show-count="false">Follow @geekzh</a>
+
+</section>
+
+
+
+<section class="googleplus">
+ <h1>
+ <a href="https://plus.google.com/xiaoliang@networking.io?rel=author">
+ <img src="http://www.google.com/images/icons/ui/gprofile_button-32.png" width="32" height="32">
+ Google+
+ </a>
+ </h1>
+</section>
+
+
+
+
+</aside>
+
+
+ </div>
+ </div>
+ <footer role="contentinfo"><p>
+ Copyright &copy; 2012 - Bill Zh -
+ <span class="credit">Powered by <a href="http://octopress.org">Octopress</a></span>
+</p>
+
+</footer>
+
<script type="text/javascript">
var disqus_shortname = 'geekzh';
@@ -195,5 +366,31 @@ <h1 class="title">Comments</h1>
+
+
+ <script type="text/javascript">
+ (function() {
+ var script = document.createElement('script'); script.type = 'text/javascript'; script.async = true;
+ script.src = 'https://apis.google.com/js/plusone.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(script, s);
+ })();
+ </script>
+
+
+
+ <script type="text/javascript">
+ (function(){
+ var twitterWidgets = document.createElement('script');
+ twitterWidgets.type = 'text/javascript';
+ twitterWidgets.async = true;
+ twitterWidgets.src = 'http://platform.twitter.com/widgets.js';
+ document.getElementsByTagName('head')[0].appendChild(twitterWidgets);
+ })();
+ </script>
+
+
+
+
+
</body>
-</html>
+</html>
View
352 blog/2011/12/03/octopress-for-freshman/index.html
@@ -1,13 +1,15 @@
-<!DOCTYPE HTML>
-<html>
+<!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]-->
<head>
- <meta charset="utf-8">
- <title>Octopress: 新手教程 - Bill Zh</title>
- <meta name="author" content="Bill Zh">
+ <meta charset="utf-8">
+ <title>Octopress: 新手教程 - Geekontheway</title>
+ <meta name="author" content="Bill Zh">
-
- <meta name="description" content="Octopress: 新手教程 Octopress基于jekyll,刚开始使用起来也比较复杂: Octopress会有两个分支:source(编写博客)和master(生成好的博客),就像这样: 1
+
+ <meta name="description" content="Octopress基于jekyll,刚开始使用起来也比较复杂: Octopress会有两个分支:source(编写博客)和master(生成好的博客),就像这样: 1
2
3
4
@@ -26,18 +28,32 @@
17
18
19
-20 &hellip;">
-
- <meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1">
-
- <link href="/atom.xml" rel="alternate" title="Bill Zh" type="application/atom+xml">
- <link rel="canonical" href="">
- <link href="/favicon.png" rel="shortcut icon">
- <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
- <!--[if lt IE 9]><script src="/javascripts/html5.js"></script><![endif]-->
- <script src="/javascripts/jquery.min.js"></script>
-
-
+20
+21
+22
+23
+24
+25 &hellip;">
+
+
+ <!-- http://t.co/dKP3o1e -->
+ <meta name="HandheldFriendly" content="True">
+ <meta name="MobileOptimized" content="320">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+
+
+ <link rel="canonical" href="http://geekontheway.github.com/blog/2011/12/03/octopress-for-freshman">
+ <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="Geekontheway" type="application/atom+xml">
+ <!--Fonts from Google"s Web font directory at http://google.com/webfonts -->
+<link href="http://fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
+
+
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-27438087-1']);
@@ -53,35 +69,62 @@
</head>
-<body>
- <header class="inner"><h1 class="left"><a href="/">Bill Zh</a></h1>
-<nav class="menu left"><ul class="main">
- <li><a href="/">Blog</a></li>
- <li><a href="/blog/archives">Archives</a></li>
+<body >
+ <header role="banner"><hgroup>
+ <h1><a href="/">Geekontheway</a></h1>
+
+ <h2>Stay hungry Stay foolish</h2>
+
+</hgroup>
+
+</header>
+ <nav role="navigation"><ul class="subscription" data-subscription="rss">
+ <li><a href="/atom.xml" rel="subscribe-rss" title="subscribe via RSS">RSS</a></li>
+
</ul>
+<form action="http://google.com/search" method="get">
+ <fieldset role="search">
+ <input type="hidden" name="q" value="site:geekontheway.github.com" />
+ <input class="search" type="text" name="q" results="0" placeholder="Search"/>
+ </fieldset>
+</form>
+<ul class="main-navigation">
+ <li><a href="/">首页</a></li>
+ <li><a href="/blog/archives">目录</a></li>
+</ul>
+
</nav>
-<div class="right">
- <form class="search right" action="http://google.com/search" method="get">
- <input class="left" type="text" name="q" results="0">
- <input type="hidden" name="q" value="site:geekontheway.github.com">
- </form>
- <div class="social right">
-
-
- <a class="google" href="https://plus.google.com/xiaoliang@networking.io" title="Google+">Google+</a>
-
-
- <a class="twitter" href="http://twitter.com/geekzh" title="Twitter">Twitter</a>
-
-
- <a class="rss" href="/atom.xml" title="RSS">RSS</a>
-
- </div>
-</div>
-</header>
- <div id="content" class="inner"><article class="post">
- <h1 class="title">Octopress: 新手教程</h1>
- <div class="entry"><p>Octopress基于jekyll,刚开始使用起来也比较复杂:</p>
+ <div id="main">
+ <div id="content">
+ <div>
+<article class="hentry" role="article">
+
+ <header>
+
+ <h1 class="entry-title">Octopress: 新手教程</h1>
+
+
+ <p class="meta">
+
+
+
+
+
+
+
+
+
+
+
+
+<time datetime="2011-12-03T09:16:00+08:00" pubdate data-updated="true">Dec 3<span>rd</span>, 2011</time>
+
+ </p>
+
+ </header>
+
+
+<div class="entry-content"><p>Octopress基于jekyll,刚开始使用起来也比较复杂:</p>
<blockquote><p>Octopress会有两个分支:source(编写博客)和master(生成好的博客),就像这样:</p></blockquote>
@@ -244,8 +287,16 @@ <h1 class="title">Octopress: 新手教程</h1>
</ul>
</div>
- <div class="meta">
- <div class="date">
+
+
+ <footer>
+ <p class="meta">
+
+
+
+<span class="byline author vcard">Posted by <span class="fn">Bill Zh</span></span>
+
+
@@ -257,44 +308,169 @@ <h1 class="title">Octopress: 新手教程</h1>
-<time datetime="2011-12-03T09:16:00+08:00" pubdate data-updated="true">Dec 3<span>rd</span>, 2011</time></div>
- <div class="tags">
+<time datetime="2011-12-03T09:16:00+08:00" pubdate data-updated="true">Dec 3<span>rd</span>, 2011</time>
+
-<div class="cat">
+<span class="categories">
<a class='category' href='/blog/categories/otocpress/'>otocpress</a>
-</div>
+</span>
+
+ </p>
+
+ <div class="sharing">
+
+ <a href="http://twitter.com/share" class="twitter-share-button" data-url="http://geekontheway.github.com/blog/2011/12/03/octopress-for-freshman/" data-via="geekzh" data-counturl="http://geekontheway.github.com/blog/2011/12/03/octopress-for-freshman/" >Tweet</a>
+
+
+ <div class="g-plusone" data-size="medium"></div>
+
+
</div>
-
- </div>
+
+
+ <p class="meta">
+
+ <a class="basic-alignment left" href="/blog/2011/12/03/octopress-image-tag/" title="Previous Post: Octopress: Image tag">&laquo; Octopress: Image tag</a>
+
+
+ <a class="basic-alignment right" href="/blog/2011/12/03/octopress-codeblock/" title="next Post: Octopress: Codeblock">Octopress: Codeblock &raquo;</a>
+
+ </p>
+ </footer>
</article>
-<div class="share">
- <div class="addthis_toolbox addthis_default_style ">
-
-
- <a class="addthis_button_tweet"></a>
-
-
- <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
-
- <a class="addthis_counter addthis_pill_style"></a>
- </div>
- <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4eb4a0c47196e907"></script>
-</div>
-<section id="comment">
- <h1 class="title">Comments</h1>
+ <section>
+ <h1>Comments</h1>
<div id="disqus_thread" aria-live="polite"><noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</div>
-</section>
+ </section>
+
</div>
- <footer class="inner">Copyright &copy; 2012 Bill Zh</footer>
- <script src="/javascripts/jquery.easing.1.3.js"></script>
-<script src="/javascripts/jquery.fancybox.pack.js"></script>
-<script src="/javascripts/slash.js"></script>
+<aside class="sidebar">
+
+ <section>
+ <h1>Recent Posts</h1>
+ <ul id="recent_posts">
+
+ <li class="post">
+ <a href="/blog/2011/12/24/rails-dependencies/">Rails-Dependencies</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/24/install-mysql-server-in-unix-like-operating-system/">Install-Mysql-Server-In-Unix-Like-Operating-System</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/10/learning-ruby/">Ruby语言入门by园田裕贵</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/09/linode-assets/">Linode上相关安装和设置</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/09/starting-capistrano/">初学capistrano</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/09/rvm-system-wide-install-script/">分享一个全局RVM的安装脚本 Ubuntu 10.04 </a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/08/from-ssl-to-ssh/">从Capsitrano说起</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/06/nginx-autorun-with-init-scripts/">nginx自启动设置</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/03/octopress-blockquote/">Octopress: Blockquote</a>
+ </li>
+
+ <li class="post">
+ <a href="/blog/2011/12/03/octopress-codeblock/">Octopress: Codeblock</a>
+ </li>
+
+ </ul>
+</section>
+
+<section>
+ <h1>Github Repos</h1>
+ <ul id="gh_repos">
+ <li class="loading">Status updating...</li>
+ </ul>
+
+ <a href="https://github.com/geekontheway">@geekontheway</a> on Github
+
+ <script type="text/javascript">
+ $.domReady(function(){
+ 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);
+ }
+
+ github.showRepos({
+ user: 'geekontheway',
+ count: 0,
+ skip_forks: true,
+ target: '#gh_repos'
+ });
+ });
+ </script>
+ <script src="/javascripts/github.js" type="text/javascript"> </script>
+</section>
+
+
+<section>
+ <h1>Latest Tweets</h1>
+ <ul id="tweets">
+ <li class="loading">Status updating...</li>
+ </ul>
+ <script type="text/javascript">
+ $.domReady(function(){
+ getTwitterFeed("geekzh", 4, true);
+ });
+ </script>
+ <script src="/javascripts/twitter.js" type="text/javascript"> </script>
+
+ <a href="http://twitter.com/geekzh" class="twitter-follow-button" data-width="208px" data-show-count="false">Follow @geekzh</a>
+
+</section>
+
+
+
+<section class="googleplus">
+ <h1>
+ <a href="https://plus.google.com/xiaoliang@networking.io?rel=author">
+ <img src="http://www.google.com/images/icons/ui/gprofile_button-32.png" width="32" height="32">
+ Google+
+ </a>
+ </h1>
+</section>
+
+
+
+
+</aside>
+
+
+ </div>
+ </div>
+ <footer role="contentinfo"><p>
+ Copyright &copy; 2012 - Bill Zh -
+ <span class="credit">Powered by <a href="http://octopress.org">Octopress</a></span>
+</p>
+
+</footer>
+
<script type="text/javascript">
var disqus_shortname = 'geekzh';
@@ -314,5 +490,31 @@ <h1 class="title">Comments</h1>
+
+
+ <script type="text/javascript">
+ (function() {
+ var script = document.createElement('script'); script.type = 'text/javascript'; script.async = true;
+ script.src = 'https://apis.google.com/js/plusone.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(script, s);
+ })();
+