index.html

 <!DOCTYPE HTML>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">

    <title>sweetmain'blog</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3, minimum-scale=1">

    <meta name="author" content="sweetmain">

    <meta name="description" content="SweetMain的个人博客">

    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>

  <body>
    <header>
      <div>

			<div id="imglogo">
				<a href="index.html"><img src="img/ziji.png" alt="sweetmain'blog" title="sweetmain'blog"/></a>
			</div>

			<div id="textlogo">
				<h1 class="site-name"><a href="index.html" title="sweetmain'blog">sweetmain'blog</a></h1>
				<h2 class="blog-motto">欢迎来到我的博客小站</h2>
			</div>
			<div class="navbar"><a class="navbutton navmobile" href="#" title="菜单"></a></div>
			<nav class="animated">
				<ul>
						<li><a href="index.html">主页</a></li>

                        <li><a href="java/">后端</a></li>

                        <li><a href="javascript/">前端</a></li>

                        <li><a href="tools/">工具</a></li>

                        <li><a href="junshi/">军事</a></li>

                        <li><a href="keji/">科技</a></li>

                        <li><a href="interesting/">趣事</a></li>

						<li><a href="about/">关于</a></li>

					<li>

					<form class="search" action="//google.com/search" method="get" accept-charset="utf-8">
						<label>Search</label>
						<input type="text" id="search" name="q" autocomplete="off" maxlength="20" placeholder="搜索" />
						<input type="hidden" name="q" value="site:sweetmainw.github.io">
					</form>

					</li>
				</ul>
			</nav>
</div>

</header>

    <div id="container">
      <div id="main">

          <section class="post" itemscope itemprop="blogPost">

              <a href="tools/md/" title="Markdown入门指南" itemprop="url">

                  <h1 itemprop="name">Markdown—入门指南</h1>

                  <p itemprop="description" >

                      <!--添加内容-->
                      <!--添加简介的地方-->
                      Markdown常用语法，超级简单


                  </p>

                  <time datetime="2016-10-18T11:40:07.989Z" itemprop="datePublished">2016-11-03</time>
              </a>
          </section>

          <section class="post" itemscope itemprop="blogPost">

              <a href="java/git/" title="git" itemprop="url">

                  <h1 itemprop="name">Git常用命令</h1>

                  <p itemprop="description" >

                      <!--添加内容-->
                      <!--添加简介的地方-->
                      Git掌握这几条命令即可


                  </p>

                  <time datetime="2016-10-18T11:40:07.989Z" itemprop="datePublished">2016-11-03</time>
              </a>
          </section>


          <section class="post" itemscope itemprop="blogPost">

              <a href="keji/phone/mix.html" title="小米MIX" itemprop="url">

                  <h1 itemprop="name">小米MIX</h1>

                  <p itemprop="description" >

                      <!--添加内容-->
                      <!--添加简介的地方-->
                      陶瓷是一首古老的诗，它无比的坚固，却又温暖如玉。


                  </p>

                  <time datetime="2016-10-18T11:40:07.989Z" itemprop="datePublished">2016-11-02</time>
              </a>
          </section>

            <!--添加内容模板开始-->
          <section class="post" itemscope itemprop="blogPost">

              <a href="junshi/zdj/j20.html" title="战斗机J20" itemprop="url">

                  <h1 itemprop="name">歼20战斗机</h1>

                  <p itemprop="description" >

                      <!--添加内容-->
                      <!--添加简介的地方-->


                      详细介绍和战略意义
                  </p>

                  <time datetime="2016-10-18T11:40:07.989Z" itemprop="datePublished">2016-11-01</time>
              </a>
          </section>
          <!--添加内容模板结束-->
        
</div>
      <div class="openaside"><a class="navbutton" href="#" title="显示侧边栏"></a></div>

<div id="asidepart">
<div class="closeaside"><a class="closebutton" href="#" title="隐藏侧边栏"></a></div>
<aside class="clearfix">


  <div class="archiveslist">
    <p class="asidetitle"><a href="/archives">归档</a></p>
      <!--<ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="archives/2016/10/">十月 2016</a><span class="archive-list-count">4</span></li></ul>-->
  </div>

  <div class="linkslist">
  <p class="asidetitle">友情链接</p>
    <ul>
        <li><a href="https://www.zhihu.com/" target="_blank" title="知乎">知乎</a></li>
        <li><a href="http://www.imooc.com" target="_blank" title="慕课网">慕课网</a></li>
        <li><a href="http://www.jikedaohang.com/index.html" target="_blank" title="极客导航">极客导航</a></li>
        <li><a href="http://www.importnew.com/" target="_blank" title="专注Java开发">importnew</a></li>
        <li><a href="http://study.163.com/" target="_blank" title="网易云课堂">网易云课堂</a></li>
    </ul>
</div>

</aside>
</div>
</div>

    <footer><script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">
    </script>
        <div id="footer" >

            <p class="copyright">
		<span id="busuanzi_container_site_uv">
           © 2016 - 2020 小甜甜<!--| 您是本站第 <span id="busuanzi_value_site_uv"></span> 位访客-->
         </span>
                <br/>
                Powered by <a href="http://hexo.io" target="_blank" title="hexo">hexo</a> and Theme by <a href="https://ariono.github.io" target="_blank" title="Arison">Arison</a> © 2016

                <a href="https://sweetmainW.github.io" target="_blank" title="sweetmain">SweetMain</a>

                <br/>
            </p>

        </div>
    </footer>


    <script src="/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $('.navbar').click(function(){
    $('header nav').toggleClass('shownav');
  });
  var myWidth = 0;
  function getSize(){
    if( typeof( window.innerWidth ) == 'number' ) {
      myWidth = window.innerWidth;
    } else if( document.documentElement && document.documentElement.clientWidth) {
      myWidth = document.documentElement.clientWidth;
    };
  };
  var m = $('#main'),
      a = $('#asidepart'),
      c = $('.closeaside'),
      o = $('.openaside');
  $(window).resize(function(){
    getSize();
    if (myWidth >= 1024) {
      $('header nav').removeClass('shownav');
    }else
    {
      m.removeClass('moveMain');
      a.css('display', 'block').removeClass('fadeOut');
      o.css('display', 'none');

    }
  });
  c.click(function(){
    a.addClass('fadeOut').css('display', 'none');
    o.css('display', 'block').addClass('fadeIn');
    m.addClass('moveMain');
  });
  o.click(function(){
    o.css('display', 'none').removeClass('beforeFadeIn');
    a.css('display', 'block').removeClass('fadeOut').addClass('fadeIn');
    m.removeClass('moveMain');
  });
  $(window).scroll(function(){
    o.css("top",Math.max(80,260-$(this).scrollTop()));
  });
});
</script>







  </body>
 </html>