index.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>muyear‘s house</title>
  <meta name="author" content="muyear">
  <link rel="author" href="humans.txt">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  
    
  
  <meta name="description" content=" ">
  
  <!-- 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://muyear.github.io/">
  <link href="/favicon.png" rel="icon">
  <link href='http://fonts.googleapis.com/css?family=Cantarell' rel='stylesheet' type='text/css'>
  <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
  <link href="/atom.xml" rel="alternate" title="muyear‘s house" type="application/atom+xml">
  <meta name="og:type" content="website" />
  <meta name="og:site_name" content="muyear‘s house" />
  <meta name="og:title" content="muyear‘s house" />
  <meta name="og:description" content=" " />
  <meta name="og:url" content="http://muyear.github.io/index.html"/>
  <meta name="url" content="http://muyear.github.io/index.html">
  
  <meta name="distribution" content="global">
  <!--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">

  

</head>

<body   >
  <div id="front-wrapper">
  <div id="hero">
    <div id="hero-inner" class="container">
      <div class="span10 offset1">
  <h1>
    muyear‘s house
  </h1>
  <h2>hi ,I am here</h2>
</div>

    </div>
  </div>
  <section id="sub-hero">
    <div class="container">
      <div class="row">
  <div class="span4">
    <h2>about me</h2>
<p>A little something about me.</p>

  </div>
  <div class="span6">
    

  </div>
  <div class="span2">
    <h2>found on</h2>
























  </div>
</div>

    </div>
  </section>
  <div class="container">
    <div class="row" id="post-container">
    
    
    
      <article class="span4">
        <div class="article-format">

  <header>
    
      <!-- Now we're back to normal posts. Note the links used under href in both headers.--> 
        <h1 class="entry-title"><a href="/blog/2014/09/16/hello-github-blog/">搭个博客</a></h1>
        
    
    
      <p class="meta">
        
  


  
    <span class="byline author vcard">by <span class="fn">muyear</span></span>
  

 - 
        








  


<time datetime="2014-09-16T12:40:47+08:00" pubdate data-updated="true"></time> - 
        


        
      </p>
    
  </header>


  <div class="entry-content"><p>搭建步骤</p>




<p>搭建本地环境(安装Git、安装Ruby、安装DevKit)</p>




<p>配置环境(克隆Octopress、安装Octopress依赖项)</p>




<p>将博客部署到GitHub上</p>




<p>配置博客</p>




<p>发表博客</p>




<p>搭建具体步骤大牛们已经很详细了,我就不赘述了.</p>




<p>参考</p>




<p>http://blog.devtang.com/blog/2012/02/10/setup-blog-based-on-github/</p>




<p>http://blog.csdn.net/jackystudio/article/details/16117585
主题</p>




<p>这是我使用的主题:</p>




<p>$ git clone git@github.com:shashankmehta/greyshade.git .themes/greyshade
$ echo &#8220;\$greyshade: color;&#8221; >> sass/custom/_colors.scss //Substitue &#8216;color&#8217; with your highlight color
$ rake &#8220;install[greyshade]&#8221;
$ rake generate</p>




<p>使用完以后别忘记generate/deploy
新浪微博
发现 sina weibo 的添加不只是更改<em>config.yml
首先在</em>config.yml 加上</p>




<p>weibo_user: smallyin00
其次添加“weibo.png” 到 “octopress/source/images/social”
然后加代码到“octopress/sass/parts/_header.scss文件中</p>




<p>&amp;.weibo{
  background: image-url(&#8216;social/weibo.png&#8217;) center no-repeat #e32529;
  border: 1px solid #e32529;
  &amp;:hover{
      border: 1px solid darken(#e32529, 10%);
  }
}
最后加代码到octopress/source/_includes/header.html文件中</p>




<p>&lt; a class=&#8221;weibo&#8221; href=&#8221;http://www.weibo.com/smallyin00&#8221; title=&#8221;Weibo&#8221;>Weibo</p>

</div>
  
  
  


</div>

      </article>
    
    </div>
      <div class="row">
        <ul class="pager">
          
          
        </ul>
      </div>
  </div>
</div>


  <div id="footer-widgets">
  <div class="container">
    <div class="row">
  <div class="span3">
    <h2>recent posts</h2>
    <ul class="recent_posts">
      
        <li>
          <a href="/blog/2014/09/16/hello-github-blog/">搭个博客</a>
        </li>
      
    </ul>
    <h2><a href="/blog/archives">archives</a></h2>
  </div>
  <div class="span3">
    

  </div>
  <div class="span4">
    

  </div>
  <div class="span2">
    <h2>found on</h2>
























  </div>
</div>

  </div>
</div>
<footer class="footer">
  <div class="container">
    <p class="pull-left">
  <a href="/">muyear‘s house</a>
  - Copyright &copy; 2014 - muyear
</p>
<p class="pull-right">
  <span>Powered by <a href="http://octopress.org/">Octopress</a>.</span>
  
    <span>Designed by <a href="http://www.AdrianArtiles.com">Adrian Artiles</a>.</span>
  
</p>

  </div>
</footer>

  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script>window.jQuery || document.write('<script src="/javascripts/libs/jquery-1.7.2.min.js" type="text/javascript"><\/script>')</script>
<script src="/javascripts/libs/bootstrap.min.js" type="text/javascript"></script>
<script src="/javascripts/jquery.tweet.js" type="text/javascript"></script>
<script src="/javascripts/jquery.instagram.js" type="text/javascript"></script>
<script src="/javascripts/libs/jquery.masonry.min.js" type="text/javascript"></script>
<script src="/javascripts/custom.js" type="text/javascript"></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>