index.html

<!DOCTYPE html>
<html>
  

<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  <!-- Global site tag (gtag.js) - Google Analytics -->


  <title>Cery的个人博客</title>

  
<link rel="stylesheet" href="/js/aos/aos.css">

  
  <link rel="icon" type="image/jpeg" href="/medias/logo.jpg">
  <link rel="stylesheet" href="https://at.alicdn.com/t/font_1911880_c1nvbyezg17.css">
  <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

  
    <script>
        var themeModelId = '';
        if (themeModelId) {
            localStorage.setItem('modelId', themeModelId);
        }
    </script>
    
    <script src="https://cdn.jsdelivr.net/gh/yuang01/live2d-widget@latest/autoload.js"></script>
    <script>
        var live2dOpen = eval('true') || false;
        if (!live2dOpen) {
            localStorage.setItem('waifu-display', 1609323474481);
        }
    </script>
  
  
<link rel="stylesheet" href="/css/animate.min.css">

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

  
<link rel="stylesheet" href="/js/fancybox/jquery.fancybox.min.css">

  
<link rel="stylesheet" href="/js/shareJs/share.min.css">

  
  <style>
        @media (max-width: 992px) {
            #waifu {
                display: none;
            }
        }
    </style>
    <script src="//cdn.bootcss.com/pace/1.0.2/pace.min.js"></script>
    <link href="//cdn.bootcss.com/pace/1.0.2/themes/pink/pace-theme-flash.css" rel="stylesheet">
<meta name="generator" content="Hexo 5.4.0"><link rel="alternate" href="/atom.xml" title="Cery的个人博客" type="application/atom+xml">
<link rel="stylesheet" href="/css/prism-tomorrow.css" type="text/css"></head>

  <script src="/js/jquery3.5.1.js"></script>
  <script src="/js/vue2.6.11.js"></script>
  <link href="/js/danmu/barrager.css" rel="stylesheet">
<script src="/js/danmu/jquery.barrager.js"></script>
  <body>
    <!-- 判断是否为黑夜模式 -->
    <script>
      let isDark = JSON.parse(localStorage.getItem('dark')) || JSON.parse('false');

      if (isDark) {
        $(document.body).addClass('darkModel');
      }
    </script>

    <header class="header bg-color" 
  style="position: fixed; 
  left: 0; top: 0; z-index: 10;width: 100%;"
>
  <div class="header-content">
    <div class="bars">
      <div id="appDrawer" class="sidebar-image">
  <i class="fa fa-bars" aria-hidden="true" @click="showDialogDrawer"></i>
  <transition name="fade">
    <div class="drawer-box_mask" v-cloak style="display: none;" v-show="visible" @click.self="cancelDialogDrawer">
    </div>
  </transition>
  <div class="drawer-box" :class="{'active': visible}">
    <div class="drawer-box-head bg-color">
      <img class="drawer-box-head_logo" src="/medias/family.jpg" alt="logo">
      <h3 class="drawer-box-head_title">Cery的个人博客</h3>
      <h5 class="drawer-box-head_desc">Always be a better man!</h5>
    </div>
    <div class="drawer-box-content">
      <ul class="drawer-box-content_menu">
        
          <li class="drawer-box-content_item">
            <a href="/" class="menu-item-link">
              
                <i class="fa fa-home" aria-hidden="true"></i>
              
              <span>首页</span>
            </a>
          </li>
        
          <li class="drawer-box-content_item">
            <a href="/archives" class="menu-item-link">
              
                <i class="fa fa-home" aria-hidden="true"></i>
              
              <span>归档</span>
            </a>
          </li>
        
          <li class="drawer-box-content_item">
            <a href="/tags" class="menu-item-link">
              
                <i class="fa fa-tags" aria-hidden="true"></i>
              
              <span>标签</span>
            </a>
          </li>
        
          <li class="drawer-box-content_item">
            <a href="/categories" class="menu-item-link">
              
                <i class="fa fa-bookmark" aria-hidden="true"></i>
              
              <span>分类</span>
            </a>
          </li>
        
          <li class="drawer-box-content_item">
            <a href="/about" class="menu-item-link">
              
                <i class="fa fa-user" aria-hidden="true"></i>
              
              <span>关于</span>
            </a>
          </li>
        
          <li class="drawer-box-content_item">
            <a href="/friends" class="menu-item-link">
              
                <i class="fa fa-link" aria-hidden="true"></i>
              
              <span>友情链接</span>
            </a>
          </li>
        
        <li class="drawer-box-content_item">
          <a target="_blank" rel="noopener" href="https://github.com/jsbluecat">
            <i class="fa fa-github" aria-hidden="true"></i>
            <span>Github</span>
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>

<script>
  var body = document.body || document.documentElement || window;
  var vm = new Vue({
    el: '#appDrawer',
    data: {
      visible: false,
      top: 0,
    },
    computed: {
    },
    mounted() {
    },
    methods: {
      showDialogDrawer() {
        this.visible = true;
        // 防止页面滚动，只能让弹框滚动
        this.top = $(document).scrollTop()
        body.style.cssText = 'width: 100%; height: 100%; position: fixed; top: -' + this.top  + 'px; left: 0; overflow: hidden;';
      },
      cancelDialogDrawer() {
        this.visible = false;
        body.removeAttribute('style');
        $(document).scrollTop(this.top)
      }
    },
    created() {}
  })
</script>
    </div>
    <div class="blog-title" id="author-avatar">
      <div class="avatar">
        <img src="/medias/family.jpg" alt="logo">
      </div>
      <a href="/" class="logo">Cery的个人博客</a>
    </div>
    <nav class="navbar">
      <ul class="menu">
        
          <li class="menu-item">
            <a href="/" class="menu-item-link">
              
                <i class="fa fa-home" aria-hidden="true"></i>
              
              <span>首页</span>
            </a>
          </li>
        
          <li class="menu-item">
            <a href="/archives" class="menu-item-link">
              
                <i class="fa fa-archive" aria-hidden="true"></i>
              
              <span>归档</span>
            </a>
          </li>
        
          <li class="menu-item">
            <a href="/tags" class="menu-item-link">
              
                <i class="fa fa-tags" aria-hidden="true"></i>
              
              <span>标签</span>
            </a>
          </li>
        
          <li class="menu-item">
            <a href="/categories" class="menu-item-link">
              
                <i class="fa fa-bookmark" aria-hidden="true"></i>
              
              <span>分类</span>
            </a>
          </li>
        
          <li class="menu-item">
            <a href="/about" class="menu-item-link">
              
                <i class="fa fa-user" aria-hidden="true"></i>
              
              <span>关于</span>
            </a>
          </li>
        
          <li class="menu-item">
            <a href="/friends" class="menu-item-link">
              
                <i class="fa fa-link" aria-hidden="true"></i>
              
              <span>友情链接</span>
            </a>
          </li>
        
      </ul>
      
        <div class="dark">
  <div class="dark-content">
    <i class="fa fa-moon-o" aria-hidden="true"></i>
    <!-- <span>关灯</span> -->
  </div>
  
</div>

<script>
  $(function() {
    let isDark = JSON.parse(localStorage.getItem('dark'))  || JSON.parse('false');
    if (isDark) {
      $(".dark-content").replaceWith(
          `
          <div class='dark-content'>
            <i class="fa fa-lightbulb-o" aria-hidden="true"></i>
          </div>
          `
        );
    }
    $('.dark').click(function() {
      if ($(document.body).is('.darkModel')) {
        $(document.body).removeClass('darkModel');
        localStorage.setItem('dark', false);
        $(".dark-content").replaceWith(
          `
          <div class='dark-content'>
            <i class="fa fa-moon-o" aria-hidden="true"></i>
          </div>
          `
        );
      } else {
        $(document.body).addClass('darkModel');
        localStorage.setItem('dark', true);
        $(".dark-content").replaceWith(
          `
          <div class='dark-content'>
            <i class="fa fa-lightbulb-o" aria-hidden="true"></i>
          </div>
          `
        );
      }
    })
  })
</script>
        
      
        <div id="appSearch">
  <div class="search"  @click="showDialog()"><i class="fa fa-search" aria-hidden="true"></i></div>
  <transition name="fade">
    <div class="message-box_wrapper" style="display: none;" v-cloak v-show="dialogVisible" @click.self="cancelDialogVisible()">
      <div class="message-box animated bounceInDown">
        <!-- <div class="close" style="overflow: hidden;">
          <i class="fa fa-close" aria-hidden="true" style="float:right;" @click.self="cancelDialogVisible()"></i>
        </div> -->
        <h2>
          <i class="fa fa-search" aria-hidden="true"></i>
          <span class="title">本地搜索</span>
          <i class="fa fa-close close" style="float:right;" aria-hidden="true" @click.self="cancelDialogVisible()"></i>
        </h2>
        <form class="site-search-form">
          <input type="text"
            placeholder="请输入关键字"
            id="local-search-input" 
            @click="getSearchFile()"
            class="st-search-input"
            v-model="searchInput"
          />
        </form>
        <div class="result-wrapper">
          <div id="local-search-result" class="local-search-result-cls"></div>
        </div>
      </div>
    </div>
  </transition>
</div>
<script src="/js/local_search.js"></script>
<script>
  var body = document.body || document.documentElement || window;
  var vm = new Vue({
    el: '#appSearch',
    data: {
      dialogVisible: false,
      searchInput: '',
      top: 0,
    },
    computed: {
    },
    mounted() {
    },
    methods: {
      showDialog() {
        this.dialogVisible = true;
        // 防止页面滚动，只能让弹框滚动
        this.top = $(document).scrollTop()
        body.style.cssText = 'overflow: hidden;';
      },
      getSearchFile() {
        if (!this.searchInput) {
          getSearchFile("/search.xml");
        }
      },
      cancelDialogVisible() {
        this.dialogVisible = false;
        body.removeAttribute('style');
        $(document).scrollTop(this.top)
      },
    },
    created() {}
  })
</script>
<!-- 解决刷新页面闪烁问题，可以在元素上添加display: none, 或者用vue.extend方法，详情：https://blog.csdn.net/qq_31393401/article/details/81017912 -->
<!-- 下面是搜索基本写法 -->
<!-- <script type="text/javascript" id="local.search.active">
  var inputArea = document.querySelector("#local-search-input");
  inputArea.onclick   = function(){ getSearchFile(); this.onclick = null }
  inputArea.onkeydown = function(){ if(event.keyCode == 13) return false }
</script> -->

      
    </nav>
  </div>
  
  <a target="_blank" rel="noopener" href="https://github.com/jsbluecat" class="github-corner color-primary" aria-label="View source on GitHub"><svg width="60" height="60" viewBox="0 0 250 250" style="fill:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
  
    <div id="he-plugin-simple"></div>
    <script>
    WIDGET = {
          "CONFIG": {
                  "modules": "01234",
                      "background": "5",
                          "tmpColor": "FFFFFF",
                              "tmpSize": "16",
                                  "cityColor": "FFFFFF",
                                      "citySize": "16",
                                          "aqiColor": "FFFFFF",
                                              "aqiSize": "16",
                                                  "weatherIconSize": "24",
                                                      "alertIconSize": "18",
                                                          "padding": "10px 10px 10px 10px",
                                                              "shadow": "0",
                                                                  "language": "auto",
                                                                      "borderRadius": "10",
                                                                          "fixed": "false",
                                                                              "vertical": "top",
                                                                                  "horizontal": "left",
                                                                                      "city": "CN101020100",
                                                                                          "key": "8b31d565479f4893b551c307c9aadb39"
                                                                                            }
                                                                                            }
    </script>
    <script src="https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0"></script> 
    
</header>

    <main class="main" style="margin-top: 60px;">
      
<link href="https://cdn.bootcdn.net/ajax/libs/Swiper/5.4.1/css/swiper.min.css" rel="stylesheet">


<div class="swiper-length" style="display: none;">0</div>
<div id="appSwiper"
  class="swiper-no-swiping"
  @mouseenter="stopAutoPlay()" 
  @mouseleave="startAutoPlay()"
>
  <swiper v-cloak ref="mySwiper" :options="swiperOptions" @slideChangeTransitionEnd="slideChangeTransitionEnd">
    
      <swiper-slide>
        <div class="item swiper-lazy" data-background="/medias/1.jpg" style="background-size: 90000px; 
          background-position: center center;" style="position: relative;">
          <div class="swiper-bgmask" style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;"></div>
            <div class="flag">
              <div class="img-mask swiper-lazy" data-background="/medias/1.jpg" style="height: 100%; background-size: cover; 
                background-position: center center;">
                <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>   
              </div>
              <div class="flag-text">
                <div>
                  <div class="title ani animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.2s" swiper-animate-delay="0.1s">Hi Everyone!</div>
                  <div class="excerpt ani animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.2s" swiper-animate-delay="0.1s">大家好，我是Cery Zhai，一个努力追逐科技前沿的底层小代码人员。这是我的博客，希望你能在这获得你想要的东西！ Motto: Always be a better man!</div>
                </div>
                <div style="display: flex;">
                  
                    <div class="ani animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.2s" swiper-animate-delay="0.1s"><a target="_blank" rel="noopener" href="https://github.com/JsBlueCat" class="read-more border-color swiper-btn-color" style="display: inline-block; z-index:1;">阅读更多</a></div>
                  
                  
                </div>
              </div>
            </div>
          </div>
      </swiper-slide>
    
  </swiper>
</div>
<script src="/js/swiper.min.js"></script>
<script src="/js/vue-awesome-swiper.js"></script>
<script src="/js/swiper.animate1.0.3.min.js"></script>
<script type="text/javascript">
  Vue.use(window.VueAwesomeSwiper)
</script>
<script>
  let autoplay = 'true';
  let delay = '5000';
  let loop = JSON.parse('true');
  let effect = 'slide';
  let swiperLength = parseInt(document.querySelector(".swiper-length").innerText);
  var vm = new Vue({
    el: '#appSwiper',
    data: {
      swiperOptions: {
        pagination: {
          el: '.swiper-pagination',
          clickable: true // 允许点击小圆点跳转
        },
        loop: loop ? true : false,
        effect, // fade
        autoplay: (autoplay && swiperLength > 1) ? {
  　　　　delay,
  　　　　disableOnInteraction: false // 手动切换之后继续自动轮播
    　　} : false,
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev',
        },
        lazy: {
          loadPrevNext: true,
        },
        on:{
          init: function() {
            swiperAnimateCache(this); //隐藏动画元素 
            swiperAnimate(this); //初始化完成开始动画
          }, 
          slideChangeTransitionEnd: function(){ 
            swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
          } 
        }
        // Some Swiper option/callback...
      }
    },
    computed: {
      swiper() {
        return this.$refs.mySwiper.$swiper
      }
    },
    mounted() {
      // console.log('Current Swiper instance object', this.swiper)
      // this.swiper.slideTo(0, 1000, false)
    },
    methods: {
      stopAutoPlay() {
        (autoplay && swiperLength > 1) && this.swiper.autoplay.stop();
      },
      startAutoPlay() {
        (autoplay && swiperLength > 1) && this.swiper.autoplay.start();
      },
      slideChangeTransitionEnd() {
        console.log('1');
      }
    },
    created() {}
  })
</script>

<style>
.swiper-container {
  overflow: hidden;
  z-index: 0;
}
.swiper-slide {
  height: 350px;
  position: relative;
}
.swiper-button-prev,
.swiper-button-next {
  padding: 10px 10px;
  transition: background 0.2s;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.2);
}
.swiper-slide .item {
  width: 100%;
  height: 100%;
}
.flag {
  position: relative;
  width: 60%;
  margin: 0 auto;
  color: #ffffff;
  height: 100%;
  background: #000;
}
.flag img {
  min-height: 100%;
}
.flag-text {
  position: absolute;
  top: 50px;
  left: 50px;
  width: 80%;
  height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.flag-text .title {
  font-size: 1.8rem;
}
.flag-text .excerpt {
  width: 70%;
  line-height: 27px;
  height: 135px;
  margin-top: 2%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #42b983;
}
.img-mask {
  opacity:0.6; filter: alpha(opacity=60);
}
.flag-text .read-more {
  margin-bottom: 30px;
  padding: 5px 15px;
  color: #ffffff;
  border-radius: 20px;
}
@media (min-width: 992px) {
  .swiper-button-prev {
    margin-left: 20%;
    transform: translateX(-180%);
  }
  .swiper-button-next {
    margin-right: 20%;
    transform: translateX(180%);
  }
  .flag-text .title {
    width: 80%;
    line-height: 35px;
    max-height: 70px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
@media (max-width: 992px) {
  .flag {
    width: 100%;
  }
  .flag-text .title {
    font-size: 1.5rem;
    margin-top: 50px;
  }
  .flag-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 100%;
    margin-left: 50%;
    transform: translateX(-50%);
  }
  .flag-text .excerpt {
    width: 100%;
    line-height: 20px;
    height: 100px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
  }
  .flag-text .read-more {
    margin-bottom: 80px;
  }
}
@media (max-width: 992px) and (min-width: 551px) {
  .flag-text .excerpt {
    width: 70%;
  }
}
@media (max-width: 551px) {
  .swiper-slide {
    height: 250px;
  }
  .flag-text .title {
    line-height: 30px;
    max-height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 20px;
  }
  .flag-text .excerpt {
    font-size: 1rem;
    line-height: 20px;
    height: 80px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .flag-text .excerpt { 
    margin-top: 10px;
  }
  .flag-text .read-more {
    margin-top: 10px;
    margin-bottom: 50px;
  }
  .swiper-button-prev,
  .swiper-button-next {
    transform: scale(0.5);
  }
  .swiper-button-prev {
    left: 0;
  }
  .swiper-button-next {
    right: 0;
  }
}
</style>


<div class="topArticle" data-aos="fade-up">
	<h3><i class="fa fa-thumbs-o-up" aria-hidden="true"></i>推荐文章</h3>
	<div class="articles">
		
			
				<div class="article-link">
					
					<div class="article lazyload" data-original="/medias/13.jpg" style="background-size: cover; 
						background-position: center center;">
					</div>
					<div class="text">
						<div class="text-main">
							<div class="title"><a href="/2021/03/10/megvii-utils/">工作中用到的一些小tips</a></div>
							<div class="content">
								
							</div>
						</div>
						<a href="/2021/03/10/megvii-utils/" class="more">
							<i class="fa fa-eye" aria-hidden="true"></i>阅读更多
						</a>
					</div>
				</div>
			
		
				<div class="article-link">
					
					<div class="article lazyload" data-original="/medias/3.jpg" style="background-size: cover; 
						background-position: center center;">
					</div>
					<div class="text">
						<div class="text-main">
							<div class="title"><a href="/2021/03/10/leetcode-index/">leetcode 代码分析</a></div>
							<div class="content">
								本人分析过的leetcode题目，未完待续…硕士毕业期间刷过的题目，走过的路记录一下，以方便未来看起，题目确实刷的少仅完
							</div>
						</div>
						<a href="/2021/03/10/leetcode-index/" class="more">
							<i class="fa fa-eye" aria-hidden="true"></i>阅读更多
						</a>
					</div>
				</div>
			
		
	</div>
</div>


<div class="bg-floor" style="position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: -2;"></div>
<section class="posts">
  
    <article class="post" data-aos="fade-up" style="flex-direction: row-reverse;   ">
      <div class="post-main">
        <div class="post-info">
          <div class="post-time">
            <i class="fa fa-clock-o" aria-hidden="true"></i>
            <span class="post-time">2021-03-10</span>
          </div>
          <div class="post-title">
            <a class="post-title-link" href="/2021/03/10/megvii-utils/">工作中用到的一些小tips</a>
          </div>
          <div class="post-meta">
            <div class="post-tags">
              
            </div>
            <div class="post-categories">
              
<div class="article-category">
  <i class="iconfont iconbookmark1"></i>
  <a class="article-category-link" href="/categories/megvii/">megvii</a>
</div>

            </div>
          </div>
          <div class="post-img-mobile">
            
              
              <a href="/2021/03/10/megvii-utils/" class="lazyload" data-original="/medias/13.jpg" style="background-size: cover; 
                background-position: center center;">
              </a>
            
          </div>
          <div class="post-content">
            
          </div>
        </div>
        <div class="post-more">
          <a href="/2021/03/10/megvii-utils/">
            <i class="iconfont iconmore" style="float: right;  " title="阅读更多"></i>
          </a>
        </div>
      </div>
      <div class="post-img">
        
          <a href="/2021/03/10/megvii-utils/" class="lazyload" data-original="/medias/13.jpg" style="background-size: cover; 
            background-position: center center;">
          </a>
        
      </div>
    </article>
  
    <article class="post" data-aos="fade-up" style="   ">
      <div class="post-main">
        <div class="post-info">
          <div class="post-time">
            <i class="fa fa-clock-o" aria-hidden="true"></i>
            <span class="post-time">2021-03-10</span>
          </div>
          <div class="post-title">
            <a class="post-title-link" href="/2021/03/10/leetcode-index/">leetcode 代码分析</a>
          </div>
          <div class="post-meta">
            <div class="post-tags">
              
            </div>
            <div class="post-categories">
              
<div class="article-category">
  <i class="iconfont iconbookmark1"></i>
  <a class="article-category-link" href="/categories/leetcode/">leetcode</a>
</div>

            </div>
          </div>
          <div class="post-img-mobile">
            
              
              <a href="/2021/03/10/leetcode-index/" class="lazyload" data-original="/medias/3.jpg" style="background-size: cover; 
                background-position: center center;">
              </a>
            
          </div>
          <div class="post-content">
            本人分析过的leetcode题目，未完待续…硕士毕业期间刷过的题目，走过的路记录一下，以方便未来看起，题目确实刷的少仅完成了200/1000。认真写分析的更少了，哎，时间不够用啊！凑合着看吧，以后再补。。。
推荐个合理顺序的知乎链接 刷题顺
          </div>
        </div>
        <div class="post-more">
          <a href="/2021/03/10/leetcode-index/">
            <i class="iconfont iconmore" style="  " title="阅读更多"></i>
          </a>
        </div>
      </div>
      <div class="post-img">
        
          <a href="/2021/03/10/leetcode-index/" class="lazyload" data-original="/medias/3.jpg" style="background-size: cover; 
            background-position: center center;">
          </a>
        
      </div>
    </article>
  
    <article class="post" data-aos="fade-up" style="flex-direction: row-reverse;   ">
      <div class="post-main">
        <div class="post-info">
          <div class="post-time">
            <i class="fa fa-clock-o" aria-hidden="true"></i>
            <span class="post-time">2021-01-23</span>
          </div>
          <div class="post-title">
            <a class="post-title-link" href="/2021/01/23/megvii-ycm/">ycm hack</a>
          </div>
          <div class="post-meta">
            <div class="post-tags">
              
    <i class="iconfont icontag"></i>
    <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/ycm/" rel="tag">ycm</a></li></ul>

            </div>
            <div class="post-categories">
              
<div class="article-category">
  <i class="iconfont iconbookmark1"></i>
  <a class="article-category-link" href="/categories/megvii/">megvii</a>
</div>

            </div>
          </div>
          <div class="post-img-mobile">
            
              
              <a href="/2021/01/23/megvii-ycm/" class="lazyload" data-original="/medias/3.jpg" style="background-size: cover; 
                background-position: center center;">
              </a>
            
          </div>
          <div class="post-content">
            安装ycm的时候出现 mrab-regex socks5 错误原因是因为国内的网
修改办法就是
修改 .git/config/third_parity/ycm/config 里面 修改 github 的 地址然后  git submodul
          </div>
        </div>
        <div class="post-more">
          <a href="/2021/01/23/megvii-ycm/">
            <i class="iconfont iconmore" style="float: right;  " title="阅读更多"></i>
          </a>
        </div>
      </div>
      <div class="post-img">
        
          <a href="/2021/01/23/megvii-ycm/" class="lazyload" data-original="/medias/3.jpg" style="background-size: cover; 
            background-position: center center;">
          </a>
        
      </div>
    </article>
  
    <article class="post" data-aos="fade-up" style="   ">
      <div class="post-main">
        <div class="post-info">
          <div class="post-time">
            <i class="fa fa-clock-o" aria-hidden="true"></i>
            <span class="post-time">2020-11-11</span>
          </div>
          <div class="post-title">
            <a class="post-title-link" href="/2020/11/11/megvii-01/">megvii-01</a>
          </div>
          <div class="post-meta">
            <div class="post-tags">
              
    <i class="iconfont icontag"></i>
    <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/%E6%97%B7%E8%A7%86%E8%A7%89%E5%A4%A9%E5%85%83%E5%BC%80%E6%BA%90%E6%A1%86%E6%9E%B6/" rel="tag">旷视觉天元开源框架</a></li></ul>

            </div>
            <div class="post-categories">
              
<div class="article-category">
  <i class="iconfont iconbookmark1"></i>
  <a class="article-category-link" href="/categories/megvii/">megvii</a>
</div>

            </div>
          </div>
          <div class="post-img-mobile">
            
              
              <a href="/2020/11/11/megvii-01/" class="lazyload" data-original="/medias/10.jpg" style="background-size: cover; 
                background-position: center center;">
              </a>
            
          </div>
          <div class="post-content">
            Background - MegEngine Reading因为硕士快毕业了，论文也发了，所以就想好好深入剖析一下 MegEngine 的黑科技哈。笔者尽量给大家带来生动形象的源码解读，不过由于笔者目前的水平原因，本系列文章仅仅适合小白入门
          </div>
        </div>
        <div class="post-more">
          <a href="/2020/11/11/megvii-01/">
            <i class="iconfont iconmore" style="  " title="阅读更多"></i>
          </a>
        </div>
      </div>
      <div class="post-img">
        
          <a href="/2020/11/11/megvii-01/" class="lazyload" data-original="/medias/10.jpg" style="background-size: cover; 
            background-position: center center;">
          </a>
        
      </div>
    </article>
  
    <article class="post" data-aos="fade-up" style="flex-direction: row-reverse;   ">
      <div class="post-main">
        <div class="post-info">
          <div class="post-time">
            <i class="fa fa-clock-o" aria-hidden="true"></i>
            <span class="post-time">2019-07-17</span>
          </div>
          <div class="post-title">
            <a class="post-title-link" href="/2019/07/17/3d-ginconv/">HOW POWERFUL ARE GRAPH NEURAL NETWORKS?</a>
          </div>
          <div class="post-meta">
            <div class="post-tags">
              
    <i class="iconfont icontag"></i>
    <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Graph-Convolution/" rel="tag">Graph Convolution</a></li></ul>

            </div>
            <div class="post-categories">
              
<div class="article-category">
  <i class="iconfont iconbookmark1"></i>
  <a class="article-category-link" href="/categories/3D/">3D</a>
</div>

            </div>
          </div>
          <div class="post-img-mobile">
            
              
              <a href="/2019/07/17/3d-ginconv/" class="lazyload" data-original="/medias/4.jpg" style="background-size: cover; 
                background-position: center center;">
              </a>
            
          </div>
          <div class="post-content">
            HOW POWERFUL ARE GRAPH NEURAL NETWORKS?GNN 可以有邻接元素聚合方法，本文讨论了很多的 图变形和图的方法

import torch
from torch_geometric.nn.conv impo
          </div>
        </div>
        <div class="post-more">
          <a href="/2019/07/17/3d-ginconv/">
            <i class="iconfont iconmore" style="float: right;  " title="阅读更多"></i>
          </a>
        </div>
      </div>
      <div class="post-img">
        
          <a href="/2019/07/17/3d-ginconv/" class="lazyload" data-original="/medias/4.jpg" style="background-size: cover; 
            background-position: center center;">
          </a>
        
      </div>
    </article>
  
    <article class="post" data-aos="fade-up" style="   ">
      <div class="post-main">
        <div class="post-info">
          <div class="post-time">
            <i class="fa fa-clock-o" aria-hidden="true"></i>
            <span class="post-time">2019-07-16</span>
          </div>
          <div class="post-title">
            <a class="post-title-link" href="/2019/07/16/3d-gcn/">SEMI-SUPERVISED CLASSIFICATION WITH GRAPH CONVOLUTIONAL NETWORKS</a>
          </div>
          <div class="post-meta">
            <div class="post-tags">
              
    <i class="iconfont icontag"></i>
    <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Graph-Convolution/" rel="tag">Graph Convolution</a></li></ul>

            </div>
            <div class="post-categories">
              
<div class="article-category">
  <i class="iconfont iconbookmark1"></i>
  <a class="article-category-link" href="/categories/3D/">3D</a>
</div>

            </div>
          </div>
          <div class="post-img-mobile">
            
              
              <a href="/2019/07/16/3d-gcn/" class="lazyload" data-original="/medias/8.jpg" style="background-size: cover; 
                background-position: center center;">
              </a>
            
          </div>
          <div class="post-content">
            SEMI-SUPERVISED CLASSIFICATION WITH GRAPH CONVOLUTIONAL NETWORKS本文提出了一种，直接作用于图的卷积神经网络.
INTRODUCTION作者发现可以用过 图拉普拉斯正则项来优化损
          </div>
        </div>
        <div class="post-more">
          <a href="/2019/07/16/3d-gcn/">
            <i class="iconfont iconmore" style="  " title="阅读更多"></i>
          </a>
        </div>
      </div>
      <div class="post-img">
        
          <a href="/2019/07/16/3d-gcn/" class="lazyload" data-original="/medias/8.jpg" style="background-size: cover; 
            background-position: center center;">
          </a>
        
      </div>
    </article>
  
    <article class="post" data-aos="fade-up" style="flex-direction: row-reverse;   ">
      <div class="post-main">
        <div class="post-info">
          <div class="post-time">
            <i class="fa fa-clock-o" aria-hidden="true"></i>
            <span class="post-time">2019-07-15</span>
          </div>
          <div class="post-title">
            <a class="post-title-link" href="/2019/07/15/3d-splinecnn/">SplineCNN:Fast Geometric Deep Learning with Continuous B-Spline Kernels</a>
          </div>
          <div class="post-meta">
            <div class="post-tags">
              
    <i class="iconfont icontag"></i>
    <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Graph-Convolution/" rel="tag">Graph Convolution</a></li></ul>

            </div>
            <div class="post-categories">
              
<div class="article-category">
  <i class="iconfont iconbookmark1"></i>
  <a class="article-category-link" href="/categories/3D/">3D</a>
</div>

            </div>
          </div>
          <div class="post-img-mobile">
            
              
              <a href="/2019/07/15/3d-splinecnn/" class="lazyload" data-original="/medias/14.jpg" style="background-size: cover; 
                background-position: center center;">
              </a>
            
          </div>
          <div class="post-content">
            SplineCNN: Fast Geometric Deep Learning with Continuous B-Spline Kernels本文提出条样方法的卷积神经网络,处理无规则和无序的空间数据,如mesh.所谓的条样卷积:就是使用
          </div>
        </div>
        <div class="post-more">
          <a href="/2019/07/15/3d-splinecnn/">
            <i class="iconfont iconmore" style="float: right;  " title="阅读更多"></i>
          </a>
        </div>
      </div>
      <div class="post-img">
        
          <a href="/2019/07/15/3d-splinecnn/" class="lazyload" data-original="/medias/14.jpg" style="background-size: cover; 
            background-position: center center;">
          </a>
        
      </div>
    </article>
  
    <article class="post" data-aos="fade-up" style="   ">
      <div class="post-main">
        <div class="post-info">
          <div class="post-time">
            <i class="fa fa-clock-o" aria-hidden="true"></i>
            <span class="post-time">2019-07-10</span>
          </div>
          <div class="post-title">
            <a class="post-title-link" href="/2019/07/10/3d-meshcnn/">meshcnn</a>
          </div>
          <div class="post-meta">
            <div class="post-tags">
              
    <i class="iconfont icontag"></i>
    <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Mesh/" rel="tag">Mesh</a></li></ul>

            </div>
            <div class="post-categories">
              
<div class="article-category">
  <i class="iconfont iconbookmark1"></i>
  <a class="article-category-link" href="/categories/3D/">3D</a>
</div>

            </div>
          </div>
          <div class="post-img-mobile">
            
              
              <a href="/2019/07/10/3d-meshcnn/" class="lazyload" data-original="/medias/6.jpg" style="background-size: cover; 
                background-position: center center;">
              </a>
            
          </div>
          <div class="post-content">
            MeshCNN: A Network with an Edge本篇文章和以前传统的一些文章有很多不同的地方，本文提出使用特殊的卷积操作和池化操作，作用于mesh的边缘，通过减少空间的连接。
介绍mesh 网格呈现是比其他同类型的数据呈现要高
          </div>
        </div>
        <div class="post-more">
          <a href="/2019/07/10/3d-meshcnn/">
            <i class="iconfont iconmore" style="  " title="阅读更多"></i>
          </a>
        </div>
      </div>
      <div class="post-img">
        
          <a href="/2019/07/10/3d-meshcnn/" class="lazyload" data-original="/medias/6.jpg" style="background-size: cover; 
            background-position: center center;">
          </a>
        
      </div>
    </article>
  
    <article class="post" data-aos="fade-up" style="flex-direction: row-reverse;   ">
      <div class="post-main">
        <div class="post-info">
          <div class="post-time">
            <i class="fa fa-clock-o" aria-hidden="true"></i>
            <span class="post-time">2019-07-08</span>
          </div>
          <div class="post-title">
            <a class="post-title-link" href="/2019/07/08/3d-img2mesh/">Image2Mesh:A Learning Framework for Single Image 3D Reconstruction</a>
          </div>
          <div class="post-meta">
            <div class="post-tags">
              
    <i class="iconfont icontag"></i>
    <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Mesh/" rel="tag">Mesh</a></li></ul>

            </div>
            <div class="post-categories">
              
<div class="article-category">
  <i class="iconfont iconbookmark1"></i>
  <a class="article-category-link" href="/categories/3D/">3D</a>
</div>

            </div>
          </div>
          <div class="post-img-mobile">
            
              
              <a href="/2019/07/08/3d-img2mesh/" class="lazyload" data-original="/medias/5.jpg" style="background-size: cover; 
                background-position: center center;">
              </a>
            
          </div>
          <div class="post-content">
            Image2Mesh: A Learning Framework for Single Image 3D Reconstruction目前3d呈现数据中，都是使用体素，点云，类似的数据格式，但是这种方法有很大的弊端：

计算复杂性
数据无序
          </div>
        </div>
        <div class="post-more">
          <a href="/2019/07/08/3d-img2mesh/">
            <i class="iconfont iconmore" style="float: right;  " title="阅读更多"></i>
          </a>
        </div>
      </div>
      <div class="post-img">
        
          <a href="/2019/07/08/3d-img2mesh/" class="lazyload" data-original="/medias/5.jpg" style="background-size: cover; 
            background-position: center center;">
          </a>
        
      </div>
    </article>
  
    <article class="post" data-aos="fade-up" style="   ">
      <div class="post-main">
        <div class="post-info">
          <div class="post-time">
            <i class="fa fa-clock-o" aria-hidden="true"></i>
            <span class="post-time">2019-06-26</span>
          </div>
          <div class="post-title">
            <a class="post-title-link" href="/2019/06/26/3d-meshnet/">MeshNet Mesh Neural Network for 3D Shape Representation</a>
          </div>
          <div class="post-meta">
            <div class="post-tags">
              
    <i class="iconfont icontag"></i>
    <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Mesh/" rel="tag">Mesh</a></li></ul>

            </div>
            <div class="post-categories">
              
<div class="article-category">
  <i class="iconfont iconbookmark1"></i>
  <a class="article-category-link" href="/categories/3D/">3D</a>
</div>

            </div>
          </div>
          <div class="post-img-mobile">
            
              
              <a href="/2019/06/26/3d-meshnet/" class="lazyload" data-original="/medias/9.jpg" style="background-size: cover; 
                background-position: center center;">
              </a>
            
          </div>
          <div class="post-content">
            MeshNet Mesh Neural Network for 3D Shape RepresentationMesh 是计算机图形学中一种特别常用的格式，一般叫做网格，如：特殊的三角网格。
本篇论文作者提出一个MeshNet 的网络，从而
          </div>
        </div>
        <div class="post-more">
          <a href="/2019/06/26/3d-meshnet/">
            <i class="iconfont iconmore" style="  " title="阅读更多"></i>
          </a>
        </div>
      </div>
      <div class="post-img">
        
          <a href="/2019/06/26/3d-meshnet/" class="lazyload" data-original="/medias/9.jpg" style="background-size: cover; 
            background-position: center center;">
          </a>
        
      </div>
    </article>
  
</section>

  <!-- <nav class="page-nav">
    <span class="page-number current">1</span><a class="page-number" href="/page/2/">2</a><a class="page-number" href="/page/3/">3</a><a class="page-number" href="/page/4/">4</a><a class="extend next" rel="next" href="/page/2/">下一页</a>
  </nav> -->
  <div class="page-nav">
    
    <div class="page-info">
        <div class="page-info-text">1 / 4</div>
    </div>
    
      <a href="/page/2/"
         class="page-nav-next">
          <span class="mr-5">下一页</span><i class="fa fa-angle-right"></i>
      </a>
      
  </div>


<!-- 雪花和花瓣特效 -->


<!-- 灯笼1 -->
<div class="deng-box">
  <div class="deng">
      <div class="xian"></div>
      <div class="deng-a">
          <div class="deng-b"><div class="deng-t">富</div></div>
      </div>
      <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
  </div>
</div>

<!-- 灯笼2 -->
<div class="deng-box1">
  <div class="deng">
      <div class="xian"></div>
      <div class="deng-a">
          <div class="deng-b"><div class="deng-t">暴</div></div>
      </div>
      <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
  </div>
</div>


    </main>
    <div class="footer bg-color">
  <div class="footer-main">
    <div class="link">
      <a target="_blank" rel="noopener" href="https://github.com/github.com">
        <i class="fa fa-github" aria-hidden="true"></i>
      </a>
      <a href="jsbluecat@shu.edu.cn">
        <i class="fa fa-envelope-o" aria-hidden="true"></i>
      </a>
      <a href="/atom.xml" target="_blank">
        <i class="fa fa-rss" aria-hidden="true"></i>
      </a>
    </div>
    <div class="footer-copyright">
      Copyright © 2020 - 2021 <a target="_blank" rel="noopener" href="https://github.com/Jsbluecat">Cery Zhai</a> | Powered by <a target="_blank" rel="noopener" href="https://hexo.io/zh-cn/docs/">Hexo</a> | Theme <a target="_blank" rel="noopener" href="https://github.com/yuang01/theme">Bamboo</a> 
    </div>
    
      
  <!-- 不蒜子统计 -->
  <span id="busuanzi_container_site_pv">
        <i class="fa fa-book" aria-hidden="true"></i>本站总阅读量：<span id="busuanzi_value_page_pv"></span> 次
  </span>
  <span id="busuanzi_container_site_pv">
        <i class="fa fa-eye" aria-hidden="true"></i>本站总访问量：<span id="busuanzi_value_site_pv"></span> 次
  </span>
  <span class="post-meta-divider">|</span>
  <span id="busuanzi_container_site_uv" style='display:none'>
        <i class="fa fa-users" aria-hidden="true"></i>本站访客数：<span id="busuanzi_value_site_uv"></span> 人
  </span>
  <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>

    
  </div>
</div>


      <div class="goTop top-btn-color border-color">
  <i class="fa fa-arrow-up" aria-hidden="true"></i>
</div>
<script src="/js/goTop.js"></script>
    

      <link rel="stylesheet" href="/js/aplayer/APlayer@1.10.1.min.css">
<style>
.aplayer .aplayer-lrc p {
  
  display: none;
  
  font-size: 12px;
  font-weight: 700;
  line-height: 16px !important;
}

.aplayer .aplayer-lrc p.aplayer-lrc-current {
  
  display: none;
  
  font-size: 15px;
  color: #d6cb1d;
}


.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
  left: -66px !important;
}

.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body:hover {
  left: 0px !important;
}


</style>
<meting-js  
  class=""
  server="netease"
  type="playlist"
  id="442274724"
  fixed='true'
  autoplay='false'
  theme='#d6cb1d'
  loop='all'
  order='random'
  preload='auto'
  volume='0.7'
  list-folded='true'
>
</meting-js>

<!-- <style>
  #aplayer {
    position: fixed;
    left: 0;
    bottom: 300px;
  }
</style> -->
<script src="https://cdn.bootcdn.net/ajax/libs/aplayer/1.10.1/APlayer.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>
    

    <!-- 图片放大 -->
    
      <script src="/js/fancybox/jquery.fancybox.min.js"></script>
    

    <script src="/js/wrapImage.js"></script>
    
    <!-- 爱心点击 -->
    
       
        <script src="/js/cursor/clicklove.js"></script> 
      
    
    <!-- Baidu Analytics -->

    <!-- Baidu Push -->

<script>
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        } else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>

    
    <script type="text/javascript" size="100" alpha='0.4' zIndex="-1" src="/js/ribbon.min.js"></script>
    
      <script src="/js/aos/aos.js"></script>
      <script>
        // https://github.com/michalsnik/aos
        const themeOffset = parseInt('120') || 120;
        const themeDelay = parseInt('0')|| 0;
        const themeDuration = parseInt('400') || 400;
        const themeEasing = 'ease' || 'ease';
        const themeOnce = eval('true') || false;
        const themeMirror = eval('false') || false;
        const themeAnchorPlacement = 'top-bottom' || 'top-bottom';
        AOS.init({
          // Global settings:
          disable: false, // accepts following values: 'phone', 'tablet', 'mobile', boolean, expression or function
          startEvent: 'DOMContentLoaded', // name of the event dispatched on the document, that AOS should initialize on
          initClassName: 'aos-init', // class applied after initialization
          animatedClassName: 'aos-animate', // class applied on animation
          useClassNames: false, // if true, will add content of `data-aos` as classes on scroll
          disableMutationObserver: false, // disables automatic mutations' detections (advanced)
          debounceDelay: 50, // the delay on debounce used while resizing window (advanced)
          throttleDelay: 99, // the delay on throttle used while scrolling the page (advanced)

          // Settings that can be overridden on per-element basis, by `data-aos-*` attributes:
          offset: themeOffset, // offset (in px) from the original trigger point
          delay: themeDelay, // values from 0 to 3000, with step 50ms
          duration: themeDuration, // values from 0 to 3000, with step 50ms
          easing: themeEasing, // default easing for AOS animations
          once: themeOnce, // whether animation should happen only once - while scrolling down
          mirror: themeMirror, // whether elements should animate out while scrolling past them
          anchorPlacement: themeAnchorPlacement, // defines which position of the element regarding to window should trigger the animation

        });
      </script>
    

      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/v-plugs-ayu/lib/ayu.css">
<script src="https://cdn.jsdelivr.net/npm/v-plugs-ayu/lib/ayu.umd.min.js"></script>
<div id="appCopy">
</div>
<script>
  var vm = new Vue({
    el: '#appCopy',
    data: {
    },
    computed: {
    },
    mounted() {
      const that = this;
      //  监听 ctrl + c事件  
      $(document).unbind('keypress').bind('keypress', function (e) {
        if (e.ctrlKey && e.keyCode == 67) {
          doSomething();
          // 返回false, 防止重复触发copy事件  
          return false;
        }
      })

      // 鼠标右键的复制事件  
      $(document).unbind('copy').bind('copy', function (e) {
        doSomething();
        // console.log('右键复制 监听成功');
      });

      function doSomething() {
        that.$notify({
          title: "成功",
          content: "代码已复制，请遵守相关授权协议。",
          type: 'success'
        })
        // console.log('ctrl + c 监听成功');  
      }
    },
    methods: {
    },
    created() { }
  })
</script>
    

    <!-- 输入框打字特效 -->
    
      <script src="/js/activate-power-mode.js"></script>
      <script>
          POWERMODE.colorful = true;  // 打开随机颜色特效
          POWERMODE.shake = false;    // 关闭输入框抖动
          document.body.addEventListener('input', POWERMODE);//监听打字事件
      </script>
    

    <!-- markdown代码一键复制功能 -->
    <script src="/js/clipboard/clipboard.min.js"></script>
    <script>
      !function (e, t, a) {
        var copy = '复制';
        /* code */
        var initCopyCode = function(){
          var copyHtml = '';
          copyHtml += '<button class="btn-copy" data-clipboard-snippet="" style="position:absolute;top:0;right:0;z-index:1;">';
          copyHtml += '<i class="fa fa-copy"></i><span>' + copy + '</span>';
          copyHtml += '</button>';
          $(".post-detail pre").not('.gutter pre').wrap("<div class='codeBox' style='position:relative;width:100%;'></div>")
          $(".post-detail pre").not('.gutter pre').before(copyHtml);
          new ClipboardJS('.btn-copy', {
              target: function(trigger) {
                  return trigger.nextElementSibling;
              }
          });
        }
        initCopyCode();
      }(window, document);
    </script>

    <script src="/js/lazyload/lazyload@1.9.1.js"></script>
    <script>
      $(function() {
        $("div.lazyload, img.lazyload, a.lazyload").lazyload(
            {
                effect: "fadeIn",
                placeholder: "https://img10.360buyimg.com/ddimg/jfs/t1/159345/8/2271/222193/5ff7b36fEe49f5663/a95287c20385127f.gif"    //图片未加载出来时显示的占位图
            }
        );
    });
    </script>
    
    <script src="/js/app.js"></script>
  </body>
</html>