zhouhuan1004
/
404.html

<!DOCTYPE html>
<html>
<head hexo-theme='https://volantis.js.org/#2.6.6'>
  <meta charset="utf-8">
  <!-- SEO相关 -->


  <!-- 渲染优化 -->
  <meta name="renderer" content="webkit">
  <meta name="force-rendering" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <meta name="HandheldFriendly" content="True" >
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  <!-- 页面元数据 -->

    <title>404 Not Found - zhouhuan&#39;s blog</title>


  <!-- feed -->


  <!-- import meta -->


  <!-- link -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.13/css/all.min.css">

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css">


<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/node-waves@0.7.6/dist/waves.min.css">


  <link rel="shortcut icon" type='image/x-icon' href="https://cdn.jsdelivr.net/gh/zhouhuan666/BlogAssets@0.1/SettingPic/zhou.ico">


    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10/dist/APlayer.min.css">


  <!-- import link -->


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


  <script>
    function setLoadingBarProgress(num) {
      document.getElementById('loading-bar').style.width=num+"%";
    }
  </script>


</head>

<body>

  <div class="cover-wrapper">

      <cover class='cover page half'>
        <div class='cover-body'>
  <div class='a'>


      <p class="title">ZhouhBlog</p>


      <p class="subtitle">如果这生命如同一段旅程，总要走过才完整。</p>

  </div>
  <div class='b'>

      <div class="m_search">
        <form name="searchform" class="form u-search-form">
          <input type="text" class="input u-search-input" placeholder="搜索文章..." />
          <i class="icon fas fa-search fa-fw"></i>
        </form>
      </div>

    <div class='menu navigation'>
      <ul class='cover-list-h'>


            <li>
              <a class="nav home"
                href="https://zhouhuan.fun/"


                id="https:zhouhuanfun">
                <i class='fas fa-book fa-fw'></i>博文
              </a>
            </li>

            <li>
              <a class="nav home"
                href="https://zhouhuan.fun/categories/"

                  rel="external nofollow noopener noreferrer"


                  target="_blank"

                id="https:zhouhuanfuncategories">
                <i class='fas fa-file-code fa-fw'></i>分类
              </a>
            </li>

            <li>
              <a class="nav home"
                href="https://zhouhuan.fun/friends/"


                id="https:zhouhuanfunfriends">
                <i class='fas fa-handshake fa-fw'></i>友链
              </a>
            </li>


      </ul>
    </div>
  </div>
</div>

      </cover>

    <div id="loading-bar-wrapper">
  <div id="loading-bar"></div>
</div>
<header class="l_header no_sidebar blur">
  <div class='container'>
  <div class='wrapper'>
    <div class='nav-sub'>
      <p class="title"></p>
      <ul class='switcher nav-list-h'>
        <li><a class="s-comment fas fa-comments fa-fw" target="_self" href='javascript:void(0)'></a></li>

      </ul>
    </div>
		<div class="nav-main">


        <a class="title flat-box" target="_self" href='/'>


            <i class='https://cdn.jsdelivr.net/gh/zhouhuan666/BlogAssets@0.11/SettingPic/zhou.ico'></i>


            ZhouhBlog


        </a>


			<div class='menu navigation'>
				<ul class='nav-list-h'>


              <li>
                <a class="flat-box" href=/


                    id="home"
                  >
                  <i class='fas fa-book fa-fw'></i>博文
                </a>

              </li>


              <li>
                <a class="flat-box"


                  >
                  <i class='fas fa-folder-open fa-fw'></i>索引
                </a>

                  <ul class="list-v">


              <li>
                <a class="flat-box" href=/categories/


                    id="categories"
                  >
                  <i class='fas fa-file-code fa-fw'></i>分类
                </a>

              </li>


              <li>
                <a class="flat-box" href=/tags/


                    id="tags"
                  >
                  <i class='fas fa-tags fa-fw'></i>标签
                </a>

              </li>


              <li>
                <a class="flat-box" href=/archives/


                    id="archives"
                  >
                  <i class='fas fa-archive fa-fw'></i>归档
                </a>

              </li>


                  </ul>

              </li>


              <li>
                <a class="flat-box" href=/friends/


                    id="friends"
                  >
                  <i class='fas fa-handshake fa-fw'></i>友链
                </a>

              </li>


              <li>
                <a class="flat-box" href=/about/


                    id="about"
                  >
                  <i class='fas fa-info-circle fa-fw'></i>关于
                </a>

              </li>


				</ul>
			</div>

      <div class="m_search">
        <form name="searchform" class="form u-search-form">
          <i class="icon fas fa-search fa-fw"></i>
          <input type="text" class="input u-search-input" placeholder="搜索..." />
        </form>
      </div>

			<ul class='switcher nav-list-h'>

					<li><a class="s-search fas fa-search fa-fw" target="_self" href='javascript:void(0)'></a></li>

				<li>
          <a class="s-menu fas fa-bars fa-fw" target="_self" href='javascript:void(0)'></a>
          <ul class="menu-phone list-v navigation white-box">


              <li>
                <a class="flat-box" href=/


                    id="home"
                  >
                  <i class='fas fa-book fa-fw'></i>博文
                </a>

              </li>


              <li>
                <a class="flat-box"


                  >
                  <i class='fas fa-folder-open fa-fw'></i>索引
                </a>

                  <ul class="list-v">


              <li>
                <a class="flat-box" href=/categories/


                    id="categories"
                  >
                  <i class='fas fa-file-code fa-fw'></i>分类
                </a>

              </li>


              <li>
                <a class="flat-box" href=/tags/


                    id="tags"
                  >
                  <i class='fas fa-tags fa-fw'></i>标签
                </a>

              </li>


              <li>
                <a class="flat-box" href=/archives/


                    id="archives"
                  >
                  <i class='fas fa-archive fa-fw'></i>归档
                </a>

              </li>


                  </ul>

              </li>


              <li>
                <a class="flat-box" href=/friends/


                    id="friends"
                  >
                  <i class='fas fa-handshake fa-fw'></i>友链
                </a>

              </li>


              <li>
                <a class="flat-box" href=/about/


                    id="about"
                  >
                  <i class='fas fa-info-circle fa-fw'></i>关于
                </a>

              </li>


          </ul>
        </li>
			</ul>
		</div>
	</div>
  </div>
</header>

<script>setLoadingBarProgress(40);</script>

  </div>


  <div class="l_body">
    <div class='body-wrapper'>


<div class='l_main no_sidebar'>


    <article id="page" class="post white-box reveal blur article-type-page" itemscope itemprop="blogPost">


  <section class='meta'>


      <div class="meta" id="header-meta">

        <div class='new-meta-box'>

        </div>

      </div>

  </section>


      <section class="article typo">
        <div class="article-entry" itemprop="articleBody">

          <p class='p center huge'>404</p>
<p class='p center bold'>很抱歉，您访问的页面不存在</p>
<p class='p center small'>可能是输入地址有误或该地址已被删除</p>

        </div>


  <section class='meta' id="footer-meta">
    <div class='new-meta-box'>

    </div>
  </section>


      </section>
    </article>


    <!-- 显示推荐文章和评论 -->


  <article class="post white-box reveal comments blur">
    <section class="article typo">
      <p ct><i class='fas fa-comments'></i> 评论</p>


        <section id="comments">
          <div id="valine_container" class="valine_thread">
            <i class="fas fa-cog fa-spin fa-fw fa-2x"></i>
          </div>
        </section>


    </section>
  </article>


<!-- 根据页面mathjax变量决定是否加载MathJax数学公式js -->


</div>
<aside class='l_side'>


</aside>


  <footer class="clearfix">
    <br><br>


        <div class="aplayer-container">


    <meting-js
      theme='#1BCDFC'
      autoplay='true'
      volume='0.3'
      loop='all'
      order='random'
      fixed='true'
      list-max-height='340px'
      server='netease'
      type='playlist'
      id='5050141956'
      list-folded='true'>
    </meting-js>


        </div>


        <br>
        <div class="social-wrapper">


              <a href="/atom.xml"
                class="social fas fa-rss flat-btn"
                target="_blank"
                rel="external nofollow noopener noreferrer">
              </a>


              <a href="mailto:zh1031849267@163.com"
                class="social fas fa-envelope flat-btn"
                target="_blank"
                rel="external nofollow noopener noreferrer">
              </a>


              <a href="https://github.com/zhouhuan666"
                class="social fab fa-github flat-btn"
                target="_blank"
                rel="external nofollow noopener noreferrer">
              </a>


              <a href="https://music.163.com/#/user/home?id=63035382"
                class="social fas fa-headphones-alt flat-btn"
                target="_blank"
                rel="external nofollow noopener noreferrer">
              </a>


        </div>


        <div><p>博客内容遵循 <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议</a></p>
</div>


        本站使用
        <a href="https://volantis.js.org/" target="_blank" class="codename">Volantis</a>
        作为主题，总访问量为
          <span id="busuanzi_value_site_pv"><i class="fas fa-circle-notch fa-spin fa-fw" aria-hidden="true"></i></span>
          次


        <div class='copyright'>
        <p><a href="https://zhouhuan.fun" target="_blank" rel="noopener">Copyright © 2017-2020 ZhBlog</a></p>


<script type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1278964820'%3E%3C/span%3E%3Cscript src='https://s9.cnzz.com/z_stat.php%3Fid%3D1278964820%26online%3D1%26show%3Dline' type='text/javascript'%3E%3C/script%3E"));</script>

        </div>


  </footer>

<script>setLoadingBarProgress(80);</script>


      <script>setLoadingBarProgress(60);</script>
    </div>
    <a class="s-top fas fa-arrow-up fa-fw" href='javascript:void(0)'></a>
  </div>

<script src="https://cdn.jsdelivr.net/npm/jquery@3.4/dist/jquery.min.js"></script>


  <script>

    var SEARCH_SERVICE = "hexo" || "hexo";
    var ROOT = "/" || "/";
    if (!ROOT.endsWith('/')) ROOT += '/';
  </script>


  <script async src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@2/js/instant_page.js" type="module" defer integrity="sha384-OeDn4XE77tdHo8pGtE1apMPmAipjoxUQ++eeJa6EtJCfHlvijigWiJpD7VDPWXV1"></script>


  <script src="https://cdn.jsdelivr.net/npm/scrollreveal@4.0.6/dist/scrollreveal.min.js"></script>
  <script type="text/javascript">
    $(function() {
      ScrollReveal().reveal('.l_main .reveal', {
        distance: '8px',
        duration: '800',
        interval: '100',
        scale: '1'
      });
    });
  </script>


<script src="https://cdn.jsdelivr.net/npm/node-waves@0.7.6/dist/waves.min.js"></script>

  <script type="text/javascript">
    $(function() {
      Waves.attach('.flat-btn', ['waves-button']);
      Waves.attach('.float-btn', ['waves-button', 'waves-float']);
      Waves.attach('.float-btn-light', ['waves-button', 'waves-float', 'waves-light']);
      Waves.attach('.flat-box', ['waves-block']);
      Waves.attach('.float-box', ['waves-block', 'waves-float']);
      Waves.attach('.waves-image');
      Waves.init();
    });
  </script>


  <script defer src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-busuanzi@2.3/js/busuanzi.pure.mini.js"></script>


<script src="https://cdn.jsdelivr.net/npm/jquery-backstretch@2.1.18/jquery.backstretch.min.js"></script>

    <script type="text/javascript">
      $(function(){
        var imgs=["https://cdn.jsdelivr.net/gh/xaoxuu/cdn-wallpaper/abstract/41F215B9-261F-48B4-80B5-4E86E165259E.jpeg"];
        if ('true' == 'true') {
          function shuffle(arr){
            /*From countercurrent-time*/
            var n = arr.length;
            while(n--) {
              var index = Math.floor(Math.random() * n);
              var temp = arr[index];
              arr[index] = arr[n];
              arr[n] = temp;
            }
          }
          shuffle(imgs);
        }
        if ('') {
          $('').backstretch(
            imgs,
          {
            duration: "20000",
            fade: "1500"
          });
        } else {
          $.backstretch(
            imgs,
          {
            duration: "20000",
            fade: "1500"
          });
        }
      });
    </script>


<script src="https://cdn.jsdelivr.net/npm/aplayer@1.10/dist/APlayer.min.js"></script>


<script src="https://cdn.jsdelivr.net/npm/meting@2.0/dist/Meting.min.js"></script>


<script src="https://cdn.jsdelivr.net/npm/valine@1.4/dist/Valine.min.js"></script>


  <script>
  var GUEST_INFO = ['nick','mail','link'];
  var meta = 'nick,mail,link'.split(',').filter(function(item){
    return GUEST_INFO.indexOf(item) > -1
  });
  var REQUIRED_FIELDS = ['nick','mail','link'];
  var requiredFields = 'nick,mail'.split(',').filter(function(item){
    return REQUIRED_FIELDS.indexOf(item) > -1
  });
  var valine = new Valine();
  function emoji(path, idx, ext) {
      return path + "/" + path + "-" + idx + "." + ext;
  }
  var emojiMaps = {};
  for (var i = 1; i <= 54; i++) {
    emojiMaps['tieba-' + i] = emoji('tieba', i, 'png');
  }
  for (var i = 1; i <= 101; i++) {
    emojiMaps['qq-' + i] = emoji('qq', i, 'gif');
  }
  for (var i = 1; i <= 116; i++) {
    emojiMaps['aru-' + i] = emoji('aru', i, 'gif');
  }
  for (var i = 1; i <= 125; i++) {
    emojiMaps['twemoji-' + i] = emoji('twemoji', i, 'png');
  }
  for (var i = 1; i <= 4; i++) {
    emojiMaps['weibo-' + i] = emoji('weibo', i, 'png');
  }
  valine.init({
    el: '#valine_container',
    meta: meta,

      path: "/404.html",

    appId: "ugrDb1uvHsUyYRoVlwNrMG7K-gzGzoHsz",
    appKey: "iWcky9T6hfIzA6ucV10EQu3u",
    placeholder: "请留言告诉我您要访问哪个页面找不到了",
    pageSize:'10',
    avatar:'robohash',
    lang:'zh-cn',
    visitor: 'true',
    highlight: 'true',
    mathJax: 'false',
    enableQQ: 'true',
    requiredFields: requiredFields,
    emojiCDN: 'https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/emoji/valine/',
    emojiMaps: emojiMaps
  })
  </script>


<script src="/js/app.js"></script>


<script src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@2.6.5/js/search.js"></script>


<script src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@2/js/comment_typing.js"></script>


<!-- 复制 -->

  <script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>
<script>
  function wait(callback, seconds) {
    var timelag = null;
    timelag = window.setTimeout(callback, seconds);
  }
  !function (e, t, a) {
    var initCopyCode = function(){
      var copyHtml = '';
      copyHtml += '<button class="btn-copy" data-clipboard-snippet="">';
      copyHtml += '<i class="fas fa-copy"></i><span>COPY</span>';
      copyHtml += '</button>';
      $(".highlight .code pre").before(copyHtml);
      $(".article pre code").before(copyHtml);
      var clipboard = new ClipboardJS('.btn-copy', {
        target: function(trigger) {
          return trigger.nextElementSibling;
        }
      });
      clipboard.on('success', function(e) {
        let $btn = $(e.trigger);
        $btn.addClass('copied');
        let $icon = $($btn.find('i'));
        $icon.removeClass('fa-copy');
        $icon.addClass('fa-check-circle');
        let $span = $($btn.find('span'));
        $span[0].innerText = 'COPIED';

        wait(function () { // 等待两秒钟后恢复
          $icon.removeClass('fa-check-circle');
          $icon.addClass('fa-copy');
          $span[0].innerText = 'COPY';
        }, 2000);
      });
      clipboard.on('error', function(e) {
        e.clearSelection();
        let $btn = $(e.trigger);
        $btn.addClass('copy-failed');
        let $icon = $($btn.find('i'));
        $icon.removeClass('fa-copy');
        $icon.addClass('fa-times-circle');
        let $span = $($btn.find('span'));
        $span[0].innerText = 'COPY FAILED';

        wait(function () { // 等待两秒钟后恢复
          $icon.removeClass('fa-times-circle');
          $icon.addClass('fa-copy');
          $span[0].innerText = 'COPY';
        }, 2000);
      });
    }
    initCopyCode();
  }(window, document);
</script>


<!-- fancybox -->
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
<script>
  function pjax_fancybox() {
    $(".article-entry").find("img").not('.inline').not('a img').each(function () { //渲染 fancybox
      var element = document.createElement("a"); // a 标签
      $(element).attr("pjax-fancybox", "");  // 过滤 pjax
      $(element).attr("href", $(this).attr("src"));
      if ($(this).attr("data-original")) {
        $(element).attr("href", $(this).attr("data-original"));
      }
      $(element).attr("data-fancybox", "images");
      var caption = "";   // 描述信息
      if ($(this).attr('alt')) {  // 标准 markdown 描述信息
        $(element).attr('data-caption', $(this).attr('alt'));
        caption = $(this).attr('alt');
      }
      var div = document.createElement("div");
      $(div).addClass("fancybox");
      $(this).wrap(div); // 最外层套 div ，其实主要作用还是 class 样式
      var span = document.createElement("span");
      $(span).addClass("image-caption");
      $(span).text(caption); // 加描述
      $(this).after(span);  // 再套一层描述
      $(this).wrap(element);  // 最后套 a 标签
    })
    $(".article-entry").find("img").fancybox({
      selector: '[data-fancybox="images"]',
      hash: false,
      loop: false,
      closeClick: true,
      helpers: {
        overlay: {closeClick: true}
      },
      buttons: [
        "zoom",
        "close"
      ]
    });
  };
  $(function () {
    pjax_fancybox();
  });
</script>


  <script>setLoadingBarProgress(100);</script>
</body>
</html>