z129812
/
index.html

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta name="generator" content="Hexo 3.9.0">
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">

  <title itemprop="name">欢迎来到雨中小屋~</title>

    <link rel="shortcut icon" href="/favicon2.ico">

  <meta http-equiv="x-dns-prefetch-control" content="on">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+SerifMerriweather|Merriweather+Sans|Source+Code+Pro|Ubuntu:400,700|Noto+Serif+SC" media="all">
  <link rel="dns-prefetch" href="//cdn.jsdelivr.net">
  <link rel="stylesheet" id="saukra_css-css" href="/css/style.css" type="text/css" media="all">
  <link rel="stylesheet" href="/css/lib.min.css" media="all">
  <link rel="stylesheet" href="/css/font.css" media="all">
  <link rel="stylesheet" href="/css/insight.css" media="all">
  <link rel="stylesheet" href="/css/jquery.fancybox.min.css" media="all">
  <link rel="stylesheet" href="/css/zoom.css" media="all">
  <link rel="stylesheet" type="text/css" href="/css/sharejs.css">
<!--   <link rel="stylesheet" id="saukra_css-css" href="https://2heng.xin/wp-content/cache/autoptimize/css/autoptimize_ad42a61f4c7d4bdd9f91afcff6b5dda5.css
" type="text/css" media="all"> -->
  <script>
  /*Initial Variables*/
  var mashiro_option = new Object();
  var mashiro_global = new Object();
  mashiro_option.NProgressON = true;
  /*
   * 邮箱信息之类的东西可以填在这里，这些js变量基本都作用于sakura-app.js
   * 这样的设置仅是为了方便在基于PHP开发的主题中设置js变量，既然移植到了Node上，我想或许可以精简这一逻辑吧
   */
  mashiro_option.email_domain = "";
  mashiro_option.email_name = "";
  mashiro_option.cookie_version_control = "";
  mashiro_option.qzone_autocomplete = false;
  mashiro_option.site_name = "雨中小屋";
  mashiro_option.author_name = "小屋";
  mashiro_option.site_url = "";
  mashiro_option.v_appId = "GdkxnYAVmodNOxeXOHgI1wtJ-gzGzoHsz";
  mashiro_option.v_appKey = "8o4jII7ObNKPoTKub7QyYjuR";
  mashiro_option.mathjax = "0";
  mashiro_option.qq_api_url = "https://api.mashiro.top/qqinfo/";
  mashiro_option.qq_avatar_api_url = "https://api.mashiro.top/qqinfo/";

  // mashiro_option.jsdelivr_css_src = "https://cdn.jsdelivr.net/gh/moezx/cdn@3.4.5/css/lib.min.css";
  // mashiro_option.float_player_on = true;

  /*End of Initial Variables*/
  </script>
  <script type="text/javascript">
  var bg = "https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/0c135493881611ebb6edd017c2d2eca2.jpg,https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/09c045084b254d4199b2f4d26b5ae7d0.jpg,https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/346e2904880f11ebb6edd017c2d2eca2.jpg,https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/9ee60516518342498404d31b301dcfd0.jpg,https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/8488abf37bf946809df3e07a0532e1fe.jpg,https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/266df19360f440a280a5b43248599880.jpg,https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/9accf1166a65430ead9f87b45ab89b81.jpg".split(",");
  var bgindex = Math.floor(Math.random()*bg.length);
  if (!!window.ActiveXObject || "ActiveXObject" in window) { //is IE?
    alert('朋友，IE浏览器未适配哦~');
  }
  </script>
  <style type="text/css">
  .hljs-ln{border-collapse:collapse}.hljs-ln td{padding:0}.hljs-ln-n:before{content:attr(data-line-number)}
  </style>
  <style type="text/css">.site-top .lower nav{display:block !important;}.author-profile i,.post-like a,.post-share .show-share,.sub-text,.we-info a,span.sitename,.post-more i:hover,#pagination a:hover,.post-content a:hover,.float-content i:hover{color:#FE9600}.feature i,.download,.navigator i:hover,.links ul li:before,.ar-time i,span.ar-circle,.object,.comment .comment-reply-link,.siren-checkbox-radio:checked + .siren-checkbox-radioInput:after{background:#FE9600}::-webkit-scrollbar-thumb{background:#FE9600}.download,.navigator i:hover,.link-title,.links ul li:hover,#pagination a:hover,.comment-respond input[type='submit']:hover{border-color:#FE9600}.entry-content a:hover,.site-info a:hover,.comment h4 a,#comments-navi a.prev,#comments-navi a.next,.comment h4 a:hover,.site-top ul li a:hover,.entry-title a:hover,#archives-temp h3,span.page-numbers.current,.sorry li a:hover,.site-title a:hover,i.iconfont.js-toggle-search.iconsearch:hover,.comment-respond input[type='submit']:hover{color:#FE9600}.comments .comments-main{display:block !important;}.comments .comments-hidden{display:none !important;}background-position:center center;background-attachment:inherit;}
  </style>
</head>
</html>
<body class="page-template page-template-user page-template-page-analytics page-template-userpage-analytics-php page page-id-1297 chinese-font serif isWebKit">
  <div class="scrollbar" id="bar">
  </div>
  <a href="#" class="cd-top faa-float animated"></a>
  <section id="main-container">
    <div class="headertop filter-dot">
  <div id="banner_wave_1"></div>
  <div id="banner_wave_2"></div>
  <figure id="centerbg" class="centerbg">
    <div class="focusinfo no-select">
      <div class="header-tou">
        <a href="">
          <img src="https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/avater.png">
        </a>
      </div>
      <div class="header-info">
        <p>Live your life with passion! With some drive!</p>
        <div class="top-social_v2">
          <li id="bg-pre">
            <img class="flipx" src="https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/other/next-b.svg">
          </li>


                <li>
                  <a href="https://github.com/Johnny-zbb" target="_blank" class="social-github" title="github">
                    <img src="https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/github.png">
                  </a>
                </li>


                <li>
                  <a href="/" target="_blank" class="social-github" title="sina">
                    <img src="https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/sina.png">
                  </a>
                </li>


                <li>
                  <a href="https://music.163.com/#/user/home?id=646228379" target="_blank" class="social-github" title="wangyiyun">
                    <img src="https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/wangyiyun.png">
                  </a>
                </li>


                <li>
                  <a href="https://www.zhihu.com/people/zheng-yu-49-56-14" target="_blank" class="social-github" title="zhihu">
                    <img src="https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/zhihu.png">
                  </a>
                </li>


          <li id="bg-next">
            <img src="https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/other/next-b.svg">
          </li>
        </div>
      </div>
    </div>
  </figure>
  <div id="video-container" style="">
    <video style="object-fit: fill" id="bgvideo" class="video" video-name="" src="" width="auto" preload="auto">
    </video>
    <div id="video-btn" class="loadvideo videolive">
    </div>
    <div id="video-add">
    </div>
    <div class="video-stu">
    </div>
  </div>
  <div class="headertop-down faa-float animated" onclick="headertop_down()">
    <span>
      <i class="fa fa-chevron-down" aria-hidden="true">
      </i>
    </span>
  </div>
</div>
    <div id="page" class="site wrapper">
      <header class="site-header no-select gizle sabit" role="banner">
  <div class="site-top">
    <div class="site-branding">
      <span class="site-title">
        <span class="logolink moe-mashiro">
          <a href="/">
            <span class="sakurasono">雨中</span>
            <span class="shironeko">小屋</span>
          </a>
        </span>
      </span>
    </div>
    <div class="searchbox search-form-submit">
      <i class="iconfont js-toggle-search iconsearch icon-search">
      </i>
    </div>
    <div id="show-nav" class="showNav mobile-fit">
      <div class="line line1">
      </div>
      <div class="line line2">
      </div>
      <div class="line line3">
      </div>
    </div>
    <div class="lower-cantiner">
      <div class="lower">
        <nav class="mobile-fit-control hide">
          <ul id="menu-new" class="menu">

              <li>
                <a href="/">
                  <span class="faa-parent animated-hover">
                    <i class="fa  fa-fort-awesome faa-shake" aria-hidden="true"></i>
                    首页
                  </span>
                </a>

              </li>

              <li>
                <a href="/archives">
                  <span class="faa-parent animated-hover">
                    <i class="fa  fa-archive faa-shake" aria-hidden="true"></i>
                    归档
                  </span>
                </a>

                  <ul class="sub-menu">

                      <li>
                        <a href="/categories/技术/">
                          <i class="fa fa-code" aria-hidden="true"></i>
                          技术
                        </a>
                      </li>

                      <li>
                        <a href="/categories/生活/">
                          <i class="fa fa-file-text-o" aria-hidden="true"></i>
                          生活
                        </a>
                      </li>

                  </ul>

              </li>

              <li>
                <a href="javascript:;">
                  <span class="faa-parent animated-hover">
                    <i class="fa  fa-list-ul faa-vertical" aria-hidden="true"></i>
                    清单
                  </span>
                </a>

                  <ul class="sub-menu">

                      <li>
                        <a href="/tags/悦读/">
                          <i class="fa fa-th-list faa-bounce" aria-hidden="true"></i>
                          书单
                        </a>
                      </li>

                      <li>
                        <a href="/bangumi/">
                          <i class="fa fa-film faa-vertical" aria-hidden="true"></i>
                          番组
                        </a>
                      </li>

                      <li>
                        <a href="/music/">
                          <i class="fa fa-headphones" aria-hidden="true"></i>
                          歌单
                        </a>
                      </li>

                  </ul>

              </li>

              <li>
                <a href="/comment/">
                  <span class="faa-parent animated-hover">
                    <i class="fa  fa-pencil-square-o faa-tada" aria-hidden="true"></i>
                    留言板
                  </span>
                </a>

              </li>

              <li>
                <a href="/">
                  <span class="faa-parent animated-hover">
                    <i class="fa  fa-leaf faa-wrench" aria-hidden="true"></i>
                    关于
                  </span>
                </a>

                  <ul class="sub-menu">

                      <li>
                        <a href="/about/">
                          <i class="fa fa-meetup" aria-hidden="true"></i>
                          我？
                        </a>
                      </li>

                      <li>
                        <a href="/theme-sakura/">
                          <i class="fa iconfont icon-sakura" aria-hidden="true"></i>
                          主题
                        </a>
                      </li>

                      <li>
                        <a href="/lab/">
                          <i class="fa fa-cogs" aria-hidden="true"></i>
                          Lab
                        </a>
                      </li>

                  </ul>

              </li>

          </ul>
        </nav>
      </div>
    </div>
  </div>
</header>

      <div class="blank" style="padding-top: 0px;"></div>
<div id="content" class="site-content">

  <div class="notice" style="margin-top:60px">
    <i class="iconfont icon-notification">
    </i>
    <div class="notice-content">基于开源hexo-Sakura主题</div>
  </div>

  <div class="top-feature-row">
  <h1 class="fes-title" style="font-family: 'Ubuntu', sans-serif;">
  <i class="fa fa-anchor" aria-hidden="true">
  </i>
  START:DASH!!</h1>

  <div class="top-feature-v2">
    <div class="the-feature square from_left_and_right">
      <a href="/" target="_blank">
        <div class="img">
          <img src="https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/b38ec74379a44022ae3fbe51eca3c06d.jpg">
        </div>
        <div class="info">
          <h3>Sakura</h3>
          <p>本站 hexo 主题</p>
        </div>
      </a>
    </div>
  </div>

  <div class="top-feature-v2">
    <div class="the-feature square from_left_and_right">
      <a href="/" target="_blank">
        <div class="img">
          <img src="https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/b42e46c9fa6f4d65b02ce89117cd78d1.jpg">
        </div>
        <div class="info">
          <h3>Bilibili</h3>
          <p>博主的b站视频</p>
        </div>
      </a>
    </div>
  </div>

  <div class="top-feature-v2">
    <div class="the-feature square from_left_and_right">
      <a href="/" target="_blank">
        <div class="img">
          <img src="https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/b62b444a880511ebb6edd017c2d2eca2.jpg">
        </div>
        <div class="info">
          <h3>hojun的万事屋</h3>
          <p>技术服务</p>
        </div>
      </a>
    </div>
  </div>

</div>
  <div id="primary" class="content-area">
    <main id="main" class="site-main" role="main">
      <h1 class="main-title" style="font-family: 'Ubuntu', sans-serif;">
      <i class="fa fa-envira" aria-hidden="true"></i>
      Discovery</h1>

  <!-- 首页默认取最最新文章集 -->


<article  class="post post-list-thumb post-list-thumb-left"  class="post post-list-thumb" itemscope="" itemtype="https://schema.org/BlogPosting">

  <div class="post-thumb">
    <a href="/2021/07/06/网页响应式设计/">
      <img class="lazyload" onerror="imgError(this,3)" src="https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/loader/orange.progress-bar-stripe-loader.svg" data-src="https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/3ae8eef3e3214cccbaca6dba3c82f5a8.jpg">
    </a>
  </div>
  <div class="post-content-wrap">
    <div class="post-content">
      <div class="post-date">
        <i class="iconfont icon-time">
        </i>2021-7-6 14:07</div>
      <a href="/2021/07/06/网页响应式设计/" class="post-title">
        <h3>网页响应式设计</h3>
      </a>
      <div class="post-meta">
        <span><i class="fa fa-tags"></i>

            <a href="/tags/web/">web<em>·</em></a>

            <a href="/tags/编程/">编程<em>·</em></a>

            <a href="/tags/前端/">前端<em>·</em></a>

        </span>
        <span>
          <i class="iconfont icon-file"></i>

            <a href="/categories/技术/">技术</a>

        </span>
      </div>
      <div class="float-content">
        <p>网页响应式</p>
        <div class="post-bottom">
          <a href="/2021/07/06/网页响应式设计/" class="button-normal">
            <i class="iconfont icon-caidan"></i>
          </a>
        </div>
      </div>
    </div>
  </div>
</article>


<article  class="post post-list-thumb" itemscope="" itemtype="https://schema.org/BlogPosting">

  <div class="post-thumb">
    <a href="/2021/05/28/腾讯云创建自己的图床/">
      <img class="lazyload" onerror="imgError(this,3)" src="https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/loader/orange.progress-bar-stripe-loader.svg" data-src="https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/2d6eb26d900a4631817007b08e7bf93e.jpg">
    </a>
  </div>
  <div class="post-content-wrap">
    <div class="post-content">
      <div class="post-date">
        <i class="iconfont icon-time">
        </i>2021-5-28 11:05</div>
      <a href="/2021/05/28/腾讯云创建自己的图床/" class="post-title">
        <h3>腾讯云创建自己的图床</h3>
      </a>
      <div class="post-meta">
        <span><i class="fa fa-tags"></i>

            <a href="/tags/web/">web<em>·</em></a>

            <a href="/tags/服务器/">服务器<em>·</em></a>

        </span>
        <span>
          <i class="iconfont icon-file"></i>

            <a href="/categories/技术/">技术</a>

        </span>
      </div>
      <div class="float-content">
        <p>腾讯云的对象存储针不错~</p>
        <div class="post-bottom">
          <a href="/2021/05/28/腾讯云创建自己的图床/" class="button-normal">
            <i class="iconfont icon-caidan"></i>
          </a>
        </div>
      </div>
    </div>
  </div>
</article>


<article  class="post post-list-thumb post-list-thumb-left"  class="post post-list-thumb" itemscope="" itemtype="https://schema.org/BlogPosting">

  <div class="post-thumb">
    <a href="/2021/05/26/CSS基础知识/">
      <img class="lazyload" onerror="imgError(this,3)" src="https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/loader/orange.progress-bar-stripe-loader.svg" data-src="https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/1dbc43f4880511ebb6edd017c2d2eca2.jpg">
    </a>
  </div>
  <div class="post-content-wrap">
    <div class="post-content">
      <div class="post-date">
        <i class="iconfont icon-time">
        </i>2021-5-26 18:05</div>
      <a href="/2021/05/26/CSS基础知识/" class="post-title">
        <h3>基础CSS</h3>
      </a>
      <div class="post-meta">
        <span><i class="fa fa-tags"></i>

            <a href="/tags/web/">web<em>·</em></a>

            <a href="/tags/编程/">编程<em>·</em></a>

            <a href="/tags/前端/">前端<em>·</em></a>

        </span>
        <span>
          <i class="iconfont icon-file"></i>

            <a href="/categories/技术/">技术</a>

        </span>
      </div>
      <div class="float-content">
        <p>CSS复习</p>
        <div class="post-bottom">
          <a href="/2021/05/26/CSS基础知识/" class="button-normal">
            <i class="iconfont icon-caidan"></i>
          </a>
        </div>
      </div>
    </div>
  </div>
</article>


<article  class="post post-list-thumb" itemscope="" itemtype="https://schema.org/BlogPosting">

  <div class="post-thumb">
    <a href="/2020/11/10/基于AI的疫情智能分析系统/">
      <img class="lazyload" onerror="imgError(this,3)" src="https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/loader/orange.progress-bar-stripe-loader.svg" data-src="https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/0c0f3f16880511ebb6edd017c2d2eca2.jpg">
    </a>
  </div>
  <div class="post-content-wrap">
    <div class="post-content">
      <div class="post-date">
        <i class="iconfont icon-time">
        </i>2020-11-10 22:11</div>
      <a href="/2020/11/10/基于AI的疫情智能分析系统/" class="post-title">
        <h3>基于AI的疫情智能分析系统（国赛二等奖）</h3>
      </a>
      <div class="post-meta">
        <span><i class="fa fa-tags"></i>

            <a href="/tags/web/">web<em>·</em></a>

            <a href="/tags/作品/">作品<em>·</em></a>

        </span>
        <span>
          <i class="iconfont icon-file"></i>

            <a href="/categories/技术/">技术</a>

        </span>
      </div>
      <div class="float-content">
        <p>Supermap大赛 国赛二等奖</p>
        <div class="post-bottom">
          <a href="/2020/11/10/基于AI的疫情智能分析系统/" class="button-normal">
            <i class="iconfont icon-caidan"></i>
          </a>
        </div>
      </div>
    </div>
  </div>
</article>


<article  class="post post-list-thumb post-list-thumb-left"  class="post post-list-thumb" itemscope="" itemtype="https://schema.org/BlogPosting">

  <div class="post-thumb">
    <a href="/2020/03/10/Node.js爬虫/">
      <img class="lazyload" onerror="imgError(this,3)" src="https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/loader/orange.progress-bar-stripe-loader.svg" data-src="https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/0cb8b38d7a5b4adb9a65e86232fc7905.jpg">
    </a>
  </div>
  <div class="post-content-wrap">
    <div class="post-content">
      <div class="post-date">
        <i class="iconfont icon-time">
        </i>2020-3-10 22:03</div>
      <a href="/2020/03/10/Node.js爬虫/" class="post-title">
        <h3>爬虫程序(疫情数据为例)</h3>
      </a>
      <div class="post-meta">
        <span><i class="fa fa-tags"></i>

            <a href="/tags/web/">web<em>·</em></a>

            <a href="/tags/编程/">编程<em>·</em></a>

        </span>
        <span>
          <i class="iconfont icon-file"></i>

            <a href="/categories/技术/">技术</a>

        </span>
      </div>
      <div class="float-content">
        <p>Node.js语言</p>
        <div class="post-bottom">
          <a href="/2020/03/10/Node.js爬虫/" class="button-normal">
            <i class="iconfont icon-caidan"></i>
          </a>
        </div>
      </div>
    </div>
  </div>
</article>


<article  class="post post-list-thumb" itemscope="" itemtype="https://schema.org/BlogPosting">

  <div class="post-thumb">
    <a href="/2019/12/12/Vue笔记/">
      <img class="lazyload" onerror="imgError(this,3)" src="https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/loader/orange.progress-bar-stripe-loader.svg" data-src="https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/2ae41a1d880511ebb6edd017c2d2eca2.png">
    </a>
  </div>
  <div class="post-content-wrap">
    <div class="post-content">
      <div class="post-date">
        <i class="iconfont icon-time">
        </i>2019-12-12 22:12</div>
      <a href="/2019/12/12/Vue笔记/" class="post-title">
        <h3>Vue笔记</h3>
      </a>
      <div class="post-meta">
        <span><i class="fa fa-tags"></i>

            <a href="/tags/web/">web<em>·</em></a>

            <a href="/tags/编程/">编程<em>·</em></a>

        </span>
        <span>
          <i class="iconfont icon-file"></i>

            <a href="/categories/技术/">技术</a>

        </span>
      </div>
      <div class="float-content">
        <p>学习Vue的笔记</p>
        <div class="post-bottom">
          <a href="/2019/12/12/Vue笔记/" class="button-normal">
            <i class="iconfont icon-caidan"></i>
          </a>
        </div>
      </div>
    </div>
  </div>
</article>


<article  class="post post-list-thumb post-list-thumb-left"  class="post post-list-thumb" itemscope="" itemtype="https://schema.org/BlogPosting">

  <div class="post-thumb">
    <a href="/2019/12/12/我和树的谈话/">
      <img class="lazyload" onerror="imgError(this,3)" src="https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/loader/orange.progress-bar-stripe-loader.svg" data-src="https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/6fbdf15fa797443e9be572740c4f14a9.png">
    </a>
  </div>
  <div class="post-content-wrap">
    <div class="post-content">
      <div class="post-date">
        <i class="iconfont icon-time">
        </i>2019-12-12 22:12</div>
      <a href="/2019/12/12/我和树的谈话/" class="post-title">
        <h3>我与树的对话</h3>
      </a>
      <div class="post-meta">
        <span><i class="fa fa-tags"></i>

            <a href="/tags/web/">web<em>·</em></a>

            <a href="/tags/生活/">生活<em>·</em></a>

        </span>
        <span>
          <i class="iconfont icon-file"></i>

            <a href="/categories/生活/">生活</a>

        </span>
      </div>
      <div class="float-content">
        <p>在庐山旅行的心得</p>
        <div class="post-bottom">
          <a href="/2019/12/12/我和树的谈话/" class="button-normal">
            <i class="iconfont icon-caidan"></i>
          </a>
        </div>
      </div>
    </div>
  </div>
</article>


<article  class="post post-list-thumb" itemscope="" itemtype="https://schema.org/BlogPosting">

  <div class="post-thumb">
    <a href="/2019/09/12/安徽广电模型/">
      <img class="lazyload" onerror="imgError(this,3)" src="https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/loader/orange.progress-bar-stripe-loader.svg" data-src="https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/a6fec42e882111ebb6edd017c2d2eca2.jpg">
    </a>
  </div>
  <div class="post-content-wrap">
    <div class="post-content">
      <div class="post-date">
        <i class="iconfont icon-time">
        </i>2019-9-12 22:09</div>
      <a href="/2019/09/12/安徽广电模型/" class="post-title">
        <h3>安徽广电虚拟智能系统（优秀建模奖、省二等奖）</h3>
      </a>
      <div class="post-meta">
        <span><i class="fa fa-tags"></i>

            <a href="/tags/web/">web<em>·</em></a>

            <a href="/tags/作品/">作品<em>·</em></a>

        </span>
        <span>
          <i class="iconfont icon-file"></i>

            <a href="/categories/技术/">技术</a>

        </span>
      </div>
      <div class="float-content">
        <p>Esri大赛三维建模组的作品</p>
        <div class="post-bottom">
          <a href="/2019/09/12/安徽广电模型/" class="button-normal">
            <i class="iconfont icon-caidan"></i>
          </a>
        </div>
      </div>
    </div>
  </div>
</article>


<article  class="post post-list-thumb post-list-thumb-left"  class="post post-list-thumb" itemscope="" itemtype="https://schema.org/BlogPosting">

  <div class="post-thumb">
    <a href="/2019/01/15/苹果酒屋的规则/">
      <img class="lazyload" onerror="imgError(this,3)" src="https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/loader/orange.progress-bar-stripe-loader.svg" data-src="https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/18be424407634d6e9d1cca6f311c216b.jpg">
    </a>
  </div>
  <div class="post-content-wrap">
    <div class="post-content">
      <div class="post-date">
        <i class="iconfont icon-time">
        </i>2019-1-15 22:01</div>
      <a href="/2019/01/15/苹果酒屋的规则/" class="post-title">
        <h3>《苹果酒屋的规则》</h3>
      </a>
      <div class="post-meta">
        <span><i class="fa fa-tags"></i>

            <a href="/tags/web/">web<em>·</em></a>

            <a href="/tags/悦读/">悦读<em>·</em></a>

            <a href="/tags/书评/">书评<em>·</em></a>

        </span>
        <span>
          <i class="iconfont icon-file"></i>

            <a href="/categories/生活/">生活</a>

        </span>
      </div>
      <div class="float-content">
        <p>阅读心得</p>
        <div class="post-bottom">
          <a href="/2019/01/15/苹果酒屋的规则/" class="button-normal">
            <i class="iconfont icon-caidan"></i>
          </a>
        </div>
      </div>
    </div>
  </div>
</article>


<article  class="post post-list-thumb" itemscope="" itemtype="https://schema.org/BlogPosting">

  <div class="post-thumb">
    <a href="/2018/12/12/Hexo-Theme-Sakura/">
      <img class="lazyload" onerror="imgError(this,3)" src="https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/loader/orange.progress-bar-stripe-loader.svg" data-src="https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/00d1d8a848b34c8ca29fb3e7c89f1cd0.jpg">
    </a>
  </div>
  <div class="post-content-wrap">
    <div class="post-content">
      <div class="post-date">
        <i class="iconfont icon-time">
        </i>2018-12-12 22:12</div>
      <a href="/2018/12/12/Hexo-Theme-Sakura/" class="post-title">
        <h3>Hexo-Theme-Sakura</h3>
      </a>
      <div class="post-meta">
        <span><i class="fa fa-tags"></i>

            <a href="/tags/web/">web<em>·</em></a>

            <a href="/tags/悦读/">悦读<em>·</em></a>

        </span>
        <span>
          <i class="iconfont icon-file"></i>

            <a href="/categories/技术/">技术</a>

        </span>
      </div>
      <div class="float-content">
        <p>hexo-sakura主题使用教程</p>
        <div class="post-bottom">
          <a href="/2018/12/12/Hexo-Theme-Sakura/" class="button-normal">
            <i class="iconfont icon-caidan"></i>
          </a>
        </div>
      </div>
    </div>
  </div>
</article>


    </main>
      <!-- 首页默认取最最新文章集 -->
    <!--
      <nav class="navigator">

        <span class="page-number current">1</span><a class="page-number" href="/page/2/">2</a><a class="extend next" rel="next" href="/page/2/"><i class="iconfont icon-right"></i></a>
      </nav>
     -->
  </div>

    <div id="pagination"><a href="/page/2/" class="">Previous</a></div>

</div>

    </div>
    <div class="ins-search">
    <div class="ins-search-mask"></div>
    <div class="ins-search-container">
        <div class="ins-input-wrapper">
            <input type="text" class="ins-search-input" placeholder="请输入关键词..."/>
            <span class="ins-close ins-selectable"><i class="fa fa-times-circle"></i></span>
        </div>
        <div class="ins-section-wrapper">
            <div class="ins-section-container"></div>
        </div>
    </div>
</div>
<script>
(function (window) {
    var INSIGHT_CONFIG = {
        TRANSLATION: {
            POSTS: '文章',
            // PAGES: '页面',
            CATEGORIES: '分类',
            TAGS: '标签',
        },
        ROOT_URL: '/',
        CONTENT_URL: '/content.json',
    };
    window.INSIGHT_CONFIG = INSIGHT_CONFIG;
})(window);
</script>
    <!-- <footer id="footer">

  <div class="outer">
    <div id="footer-info" class="inner">
      &copy; 2021 Johnny Zhu<br>
      powered_by <a href="http://hexo.io/" target="_blank">Hexo</a>
    </div>
  </div>
</footer> -->
<footer id="colophon" class="site-footer" role="contentinfo">
  <div class="site-info">
    <div class="footertext">
      <div class="img-preload">
        <img src="https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/other/wordpress-rotating-ball-o.svg">
        <img src="https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/other/disqus-preloader.svg">
      </div>
      <p style="color: #666666;">&copy 2018</p>
    </div>
    <div class="footer-device">
    <p style="font-family: 'Ubuntu', sans-serif;">
        <span style="color: #b9b9b9;">Theme <a href="https://github.com/honjun/hexo-theme-sakura" target="_blank" style="color: #b9b9b9;;text-decoration: underline dotted rgba(0, 0, 0, .1);">Sakura</a> <i class="iconfont icon-sakura rotating" style="color: #ffc0cb;display:inline-block"></i> by <a href="https://2heng.xin/" target="_blank" style="color: #b9b9b9;;text-decoration: underline dotted rgba(0, 0, 0, .1);">Mashiro</a>&<a href="https://www.hojun.cn/" target="_blank" style="color: #b9b9b9;;text-decoration: underline dotted rgba(0, 0, 0, .1);">Hojun</a>, Powered by Hexo, Hosted by Coding Pages</a>
        </span>
      </p>
    </div>
  </div><!-- .site-info -->
</footer>


<!-- <script src="/js/tocbot.js"></script> -->
<script type="text/javascript" src="/js/lib.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>
<script type="text/javascript" src="/js/InsightSearch.js"></script>
<script type="text/javascript" src="/js/jquery.fancybox.min.js"></script>
<script type="text/javascript" src="/js/zoom.min.js"></script>
<script type="text/javascript" src="/js/sakura-app.js"></script>
<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
<script src='//unpkg.com/valine@1.3.4/dist/Valine.min.js'></script>
<script src="/js/botui.js"></script>
<!-- 不蒜子 网页计数器 -->
<script src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.4.2/tocbot.min.js"></script> -->
<script type="text/javascript">
/* <![CDATA[ */
if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
  var Poi = {"pjax":"1","movies":{"url": "https://cdn.jsdelivr.net/gh/honjun/hojun@1.2","name":"Unbroken.mp4","live":"close"},"windowheight":"fixed","codelamp":"close","ajaxurl":"","order":"asc","formpostion":"bottom"};
} else {
  var Poi = {"pjax":"1","movies":{"url": "https://cdn.jsdelivr.net/gh/honjun/hojun@1.2","name":"Unbroken.mp4","live":"open"},"windowheight":"auto","codelamp":"close","ajaxurl":"","order":"asc","formpostion":"bottom"};
}
/* ]]> */

</script>
<script>
$(document).ready(function() {
  if ($(".toc").length > 0 && document.body.clientWidth > 1200) {
    if ($(".pattern-center").length > 0) { //有图的情况
      tocbot.init({
          // Where to render the table of contents.
          tocSelector: '.toc', // 放置目录的容器
          // Where to grab the headings to build the table of contents.
          contentSelector: '.entry-content', // 正文内容所在
          // Which headings to grab inside of the contentSelector element.
          scrollSmooth: true,
          headingSelector: 'h1, h2, h3, h4, h5', // 需要索引的标题级别
          headingsOffset: -400,
          scrollSmoothOffset: -85
      });
    } else {
      tocbot.init({
          // Where to render the table of contents.
          tocSelector: '.toc', // 放置目录的容器
          // Where to grab the headings to build the table of contents.
          contentSelector: '.entry-content', // 正文内容所在
          // Which headings to grab inside of the contentSelector element.
          scrollSmooth: true,
          headingSelector: 'h1, h2, h3, h4, h5', // 需要索引的标题级别
          headingsOffset: -85,
          scrollSmoothOffset: -85
      });
    }
    var offsetTop = $('.toc').offset().top - 95;
    window.onscroll = function() {
      var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
      if (scrollTop >= offsetTop) {
        $('.toc').addClass('toc-fixed');
      } else {
        $('.toc').removeClass('toc-fixed');
      }
    }
  }
});
</script>

    <div class="openNav no-select" style="height: 50px;">
      <div class="iconflat no-select" style="width: 50px; height: 50px;">
        <div class="icon"></div>
      </div>
      <div class="site-branding search-form-submit">
        <i class="iconfont js-toggle-search iconsearch icon-search"></i>
      </div>
    </div>
  </section>
  <div id="mo-nav" class="">
  <div class="m-avatar">
    <img src="https://blog-1300717260.cos.ap-shanghai.myqcloud.com/blog-pic/avater.png">
  </div>
  <p style="text-align: center; color: #333; font-weight: 900; font-family: 'Ubuntu', sans-serif; letter-spacing: 1.5px">雨中小屋</p>
  <p style="text-align: center; word-spacing: 20px;">


        <a href="https://github.com/Johnny-zbb" class="fa fa-github" target="_blank" style="color: #333; margin-left:20px"></a>

        <a href="/" class="fa fa-weibo" target="_blank" style="color: #dd4b39; margin-left:20px"></a>

        <a href="https://wpa.qq.com/msgrd?v=3&uin=1298120374&site=qq&menu=yes" class="fa fa-qq" target="_blank" style="color: #25c6fe; margin-left:20px"></a>


  </p>
  <ul id="menu-new-1" class="menu">

      <li>
        <a href="/">
          <span class="faa-parent animated-hover">
            <i class="fa  fa-fort-awesome faa-shake" aria-hidden="true"></i>
            首页
          </span>
        </a>

      </li>

      <li>
        <a href="/archives">
          <span class="faa-parent animated-hover">
            <i class="fa  fa-archive faa-shake" aria-hidden="true"></i>
            归档
          </span>
        </a>

          <ul class="sub-menu">

              <li>
                <a href="/categories/技术/">
                  <i class="fa fa-code" aria-hidden="true"></i>
                  技术
                </a>
              </li>

              <li>
                <a href="/categories/生活/">
                  <i class="fa fa-file-text-o" aria-hidden="true"></i>
                  生活
                </a>
              </li>

          </ul>

      </li>

      <li>
        <a href="javascript:;">
          <span class="faa-parent animated-hover">
            <i class="fa  fa-list-ul faa-vertical" aria-hidden="true"></i>
            清单
          </span>
        </a>

          <ul class="sub-menu">

              <li>
                <a href="/tags/悦读/">
                  <i class="fa fa-th-list faa-bounce" aria-hidden="true"></i>
                  书单
                </a>
              </li>

              <li>
                <a href="/bangumi/">
                  <i class="fa fa-film faa-vertical" aria-hidden="true"></i>
                  番组
                </a>
              </li>

              <li>
                <a href="/music/">
                  <i class="fa fa-headphones" aria-hidden="true"></i>
                  歌单
                </a>
              </li>

          </ul>

      </li>

      <li>
        <a href="/comment/">
          <span class="faa-parent animated-hover">
            <i class="fa  fa-pencil-square-o faa-tada" aria-hidden="true"></i>
            留言板
          </span>
        </a>

      </li>

      <li>
        <a href="/">
          <span class="faa-parent animated-hover">
            <i class="fa  fa-leaf faa-wrench" aria-hidden="true"></i>
            关于
          </span>
        </a>

          <ul class="sub-menu">

              <li>
                <a href="/about/">
                  <i class="fa fa-meetup" aria-hidden="true"></i>
                  我？
                </a>
              </li>

              <li>
                <a href="/theme-sakura/">
                  <i class="fa iconfont icon-sakura" aria-hidden="true"></i>
                  主题
                </a>
              </li>

              <li>
                <a href="/lab/">
                  <i class="fa fa-cogs" aria-hidden="true"></i>
                  Lab
                </a>
              </li>

          </ul>

      </li>

  </ul>
  <p style="text-align: center; font-size: 13px; color: #b9b9b9;">&copy 2019 hexo-sakura</p>
</div>
<button onclick="topFunction()" class="mobile-cd-top" id="moblieGoTop" title="Go to top" style="display: none;"><i class="fa fa-chevron-up" aria-hidden="true"></i></button>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
<!-- require MetingJS -->
<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>
<style>
  .aplayer .aplayer-lrc {
    height: 35px;
  }
  .aplayer .aplayer-lrc p{
    font-size: 16px;
    font-weight: 700;
    line-height: 18px !important;
  }
  .aplayer .aplayer-lrc p.aplayer-lrc-current{
    color: #FF1493;
  }
  .aplayer.aplayer-narrow .aplayer-body{
    left: -66px !important;
  }
  .aplayer.aplayer-fixed .aplayer-lrc {
    display: none;
  }
  .aplayer .aplayer-lrc.aplayer-lrc-hide {
      display:none !important;
  }
  .aplayer.aplayer-fixed .lrc-show {
    display: block;
    background: rgba(255, 255, 255, 0.8);
  }
</style>
<meting-js

    id="2799240535"

    server="netease"

    type="playlist"

    fixed="true"

    autoplay="false"

    loop="all"

    order="random"

    preload="auto"

    volume="0.7"

    mutex="true"

</meting-js>
<script>
  $(function(){
    $('body').on('click', '.aplayer', function(){
      if($('.aplayer-button').hasClass('aplayer-play')) {
        $('.aplayer-lrc').removeClass('lrc-show');
      } else {
        $('.aplayer-lrc').addClass('lrc-show');
      }
    })
  });
</script>
</body>
</html>