mapicccy · imgbot · Apr 6, 2015 · Apr 6, 2015 · Apr 6, 2015 · Apr 6, 2015
diff --git a/2015/04/08/hello-world/index.html b/2015/04/08/hello-world/index.html
@@ -0,0 +1,212 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset="utf-8">
+
+  <title>Hello World | Why is Mapic</title>
+  <meta name="author" content="mapicc">
+
+  <meta name="description" content="IT">
+
+
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
+  <meta property="og:title" content="Hello World"/>
+  <meta property="og:site_name" content="Why is Mapic"/>
+
+
+    <meta property="og:image" content="undefined"/>
+
+
+  <link href="/favicon.ico" rel="icon" type="image/x-ico">
+  <link rel="alternate" href="/atom.xml" title="Why is Mapic" type="application/atom+xml">
+  <link rel="stylesheet" href="/css/style.css" media="screen" type="text/css">
+  <!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+
+</head>
+
+
+<body>
+  <header id="header" class="inner"><div class="alignleft">
+  <h1><a href="/">Why is Mapic</a></h1>
+  <h2 class="subtitle">magic is a p</h2>
+</div>
+<nav id="main-nav" class="alignright">
+  <ul>
+
+      <li><a href="/">主页</a></li>
+
+      <li><a href="/archives">归档</a></li>
+
+      <li><a href="/index.html">关于</a></li>
+
+      <li><a href="/atom.xml">RSS</a></li>
+
+  </ul>
+  <div class="clearfix"></div>
+</nav>
+<div class="clearfix"></div>
+</header>
+  <div id="content" class="inner">
+    <div id="main-col" class="alignleft"><div id="wrapper"><article class="post">
+
+    <div class="gallery">
+  <div class="photoset">
+
+      <img src="">
+
+  </div>
+  <div class="control">
+    <div class="prev"></div>
+    <div class="next"></div>
+  </div>
+</div>
+
+  <div class="post-content">
+    <header>
+
+        <div class="icon"></div>
+        <time datetime="2015-04-08T10:49:15.437Z"><a href="/2015/04/08/hello-world/">2015-04-08</a></time>
+
+
+
+    <h1 class="title">Hello World</h1>
+
+
+    </header>
+    <div class="entry">
+
+        <p><br><br>2015/04/05-2015/04/08<br><br>博客诞生之初！</p>
+<p>这几天适逢清明节，一个人在实验室安安静静的学到了很多东西，在此感谢<a href="http://xiaoshiguang10.com/" target="_blank" rel="external">Gavin</a>。正是看到他关于<a href="http://hexo.io/" target="_blank" rel="external">Hexo</a>的介绍，才萌生了建博客的念头。还有<a href="http://zipperary.com/" target="_blank" rel="external">Zippera</a>的不吝指导，包括他博客的教程以及通过QQ的交谈，可以说没有他的帮助我不会这么顺利。</p>
+<p>从今开始，我会尝试用博客记录我的成长历程，见证我成为大牛的点点滴滴！<br></p>
+
+
+    </div>
+    <footer>
+
+
+
+        <div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a></div>
+<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdPic":"","bdStyle":"0","bdSize":"16"},"share":{},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
+
+      <div class="clearfix"></div>
+    </footer>
+  </div>
+</article>
+
+
+<nav id="pagination" >
+
+    <a href="/2015/04/09/hadoop运行与wordcount程序测试/" class="alignleft prev" >上一页</a>
+
+
+    <div class="clearfix"></div>
+</nav>
+<section id="comment">
+  <!-- 多说评论框 start -->
+	<div class="ds-thread" data-thread-key="2015/04/06/hello-world/" data-title="Hello World" data-url="https://mapicc.github.io/2015/04/06/hello-world/"></div>
+<!-- 多说评论框 end -->
+<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
+<script type="text/javascript">
+var duoshuoQuery = {short_name:"zhaoguanjun"};
+	(function() {
+		var ds = document.createElement('script');
+		ds.type = 'text/javascript';ds.async = true;
+		ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.unstable.js';
+		ds.charset = 'UTF-8';
+		(document.getElementsByTagName('head')[0] 
+		 || document.getElementsByTagName('body')[0]).appendChild(ds);
+	})();
+	</script>
+<!-- 多说公共JS代码 end -->
+</section>
+
+</div></div>
+    <aside id="sidebar" class="alignright">
+  <div class="search">
+  <form action="//google.com/search" method="get" accept-charset="utf-8">
+    <input type="search" name="q" results="0" placeholder="搜索">
+    <input type="hidden" name="q" value="site:yoursite.com">
+  </form>
+</div>
+
+
+
+
+<div class="widget tag">
+  <h3 class="title">最新文章</h3>
+  <ul class="entry">
+
+      <li>
+        <a href="/2015/06/05/Linux下capget与capset系统调用/">Linux下capget和capset系统调用详解</a>
+      </li>
+
+      <li>
+        <a href="/2015/04/09/Ubuntu14.10下配置java环境变量/">Ubuntu14.10配置java环境变量</a>
+      </li>
+
+      <li>
+        <a href="/2015/04/09/Ubuntu14.10安装hadoop/">Ubuntu14.10安装hadoop</a>
+      </li>
+
+      <li>
+        <a href="/2015/04/09/hadoop运行与wordcount程序测试/">Hadoop安装与WordCount程序测试</a>
+      </li>
+
+      <li>
+        <a href="/2015/04/08/hello-world/">Hello World</a>
+      </li>
+
+  </ul>
+</div>
+
+
+
+<div class="widget tagcloud">
+  <h3 class="title">标签云</h3>
+  <div class="entry">
+    <a href="/tags/Linux/" style="font-size: 10px;">Linux</a><a href="/tags/hadoop/" style="font-size: 20px;">hadoop</a><a href="/tags/java/" style="font-size: 10px;">java</a>
+  </div>
+</div>
+
+
+  <div class="widget tag">
+<h3 class="title">微博</h3>
+<ul class="entry">
+<li><a href="http://weibo.com/tupaopaoguanjun/profile?rightmod=1&wvr=6&mod=personinfo" title="Zhao冠军">Zhao冠军</a></li>
+</ul>
+</div>
+
+  <div class="widget tag">
+<h3 class="title">友情链接</h3>
+<ul class="entry">
+<li><a href="http://zipperary.com/" title="Zippera's Blog">Zippera</a></li>
+<li><a href="http://xiaoshiguang10.com/" title="Gavin's Blog">Gavin</a></li>
+</ul>
+</div>
+</aside>
+    <div class="clearfix"></div>
+  </div>
+  <footer id="footer" class="inner"><div class="alignleft">
+
+  &copy; 2015 mapicc
+
+</div>
+<div class="clearfix"></div></footer>
+  <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
+<script src="/js/jquery.imagesloaded.min.js"></script>
+<script src="/js/gallery.js"></script>
+
+
+
+
+<link rel="stylesheet" href="/fancybox/jquery.fancybox.css" media="screen" type="text/css">
+<script src="/fancybox/jquery.fancybox.pack.js"></script>
+<script type="text/javascript">
+(function($){
+  $('.fancybox').fancybox();
+})(jQuery);
+</script>
+
+</body>
+</html>