404.html

<!DOCTYPE html>
<html lang="en">
<!-- Head tag -->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Calpa的技術博客，開發日常，以及遇到的坑">
    <meta name="keyword" content="calpa, blog, JavaScript">
    <meta name="theme-color" content="#384f7c">
    <meta name="msapplication-navbutton-color" content="#384f7c">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="#384f7c">
    <link rel="shortcut icon" href="/img/icon.png">
    <link rel="alternate" type="application/atom+xml" title="Calpa" href="/atom.xml">
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <meta name="google-site-verification" content="riZBcestky7i9xY__A-5J-2EE65T75X1u-zgbss37Io">
    <title>
        
        404｜Calpa&#39;s blog
        
    </title>

    <link rel="canonical" href="https://calpa.me//404.html">

    <!-- Open Graph -->
    
    <meta name="description" content="Calpa的技術博客，開發日常，以及遇到的坑">
<meta property="og:type" content="website">
<meta property="og:title" content="404 | Calpa&#39;s blog">
<meta property="og:url" content="https://calpa.me/404.html">
<meta property="og:site_name" content="Calpa">
<meta property="og:description" content="Calpa的技術博客，開發日常，以及遇到的坑">
<meta property="og:image" content="https://calpa.me/img/post-default.jpg">
<meta property="og:updated_time" content="2017-04-03T10:09:30.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="404 | Calpa&#39;s blog">
<meta name="twitter:description" content="Calpa的技術博客，開發日常，以及遇到的坑">
<meta name="twitter:image" content="https://calpa.me/img/post-default.jpg">

    <!-- Bootstrap v3.3.7 Core CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">

    <!-- Custom CSS -->
    <link rel="stylesheet" href="/css/blog-style.css">

    <!-- Pygments Github CSS -->
    <link rel="stylesheet" href="/css/syntax.css">

    <!-- pace -->
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/pace.min.js"></script>
    <link rel="stylesheet" href="/css/pace-theme-minimal.min.css">
    

    <!-- lazy loading -->
    <script src="https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js"></script>

    <!-- OneSignal -->
    <link rel="manifest" href="/manifest.json">
    <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async></script>
    <script>
        var OneSignal = window.OneSignal || [];
        OneSignal.push(["init", {
            appId: "272cd882-09dc-46af-bdee-842e3caf63c9",
            autoRegister: false,
            httpPermissionRequest: {
              enable: true,
            },
            notifyButton: {
                enable: true
            }
        }]);
    </script>
</head>


<body>
<!-- Navigation -->
<nav class="navbar navbar-default navbar-custom navbar-fixed-top is-fixed" id="nav-top" data-ispost="false" data-istags="false
" data-ishome="false">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header page-scroll">
      <button type="button" class="navbar-toggle">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand animated pulse" href="/">
        <span class="brand-logo">Calpa</span><span class="brand-blog">'s Blog</span>
      </a>
    </div>

    <div id="huxblog_navbar">
      <div class="navbar-collapse">
        <ul class="nav navbar-nav navbar-center title-calpa display-none">
          <li><a href="#" onclick="scrolltoTop(event)">404</a></li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
          <li>
            <a href="/">Home</a>
          </li>
          
            
                  <li>
                    <a href="/Tags/">
                      Tags
                    </a>
                  </li>
                
              
                  <li>
                    <a href="/about/">
                      About
                    </a>
                  </li>
                
              
                  <li>
                    <a href="/archive/">
                      Archive
                    </a>
                  </li>
                
              
                  <li>
                    <a href="/search/">
                      Search
                    </a>
                  </li>
                
              
                  <li>
                    <a href="/works/">
                      Works
                    </a>
                  </li>
                
              
        </ul>
      </div>
    </div>
  </div>
  <!-- /.container -->
</nav>
<script>
  // Drop Bootstarp low-performance Navbar
  // Use customize navbar with high-quality material design animation
  // in high-perf jank-free CSS3 implementation
  //    var $body   = document.body;
  var $toggle = document.querySelector('.navbar-toggle');
  var $navbar = document.querySelector('#huxblog_navbar');
  var $collapse = document.querySelector('.navbar-collapse');

  $toggle.addEventListener('click', handleMagic)

  function handleMagic(e) {
    if ($navbar.className.indexOf('in') > 0) {
      // CLOSE
      $navbar.className = " ";
      // wait until animation end.
      setTimeout(function() {
        // prevent frequently toggle
        if ($navbar.className.indexOf('in') < 0) {
          $collapse.style.height = "0px"
        }
      }, 400)
    } else {
      // OPEN
      $collapse.style.height = "auto"
      $navbar.className += " in";
    }
  }
</script>

<!-- Main Content -->

<!-- Page Header -->
<header class="intro-header" style="background-image: url('/img/blue-blur-background.jpg')">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 ">
                <div class="site-heading">
                    <h1>找不到(￣▽￣") 汗</h1>
                    <span class="subheading"></span>
                </div>
            </div>
        </div>
    </div>
</header>

<script>
    document.body.classList.add('page-fullscreen');
</script>

<!-- Footer -->
<style>
#busuanzi_container_site_pv {
  display: inline;
}
</style>
<footer>
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 text-center">
                <p class="copyright text-muted">
                  <span id="busuanzi_container_site_pv" style="font-size: 12px;">
                    本站總訪問量: <span id="busuanzi_value_site_pv"><i class="fa fa-spinner fa-spin"></i></span> 次
                  </span>
                  <span id="busuanzi_container_site_uv" style="font-size: 12px;">
                    本站訪客數: <span id="busuanzi_value_site_uv"><i class="fa fa-spinner fa-spin"></i></span> 次
                  </span>
                  <br>
                  
                    
轉載請 CC 內容作者註明

                  <br>
                  
                  Copyright &copy; Calpa 2017<br>
                  Theme by <a href="https://haojen.github.io/" rel="external nofollow noopener noreferrer" target="_blank">Haojen Ma</a>, Modified by <a href="https://calpa.me">Calpa Liu </a><br>
                </p>
                <hr>
            </div>
        </div>
    </div>
</footer>


<!-- jQuery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<!-- Calpa's Magic -->
<script src="/js/magic.js"></script>

<!-- Bootstrap v3.3.7 Core JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

<!-- Custom Theme JavaScript -->
<script src="/js/blog.js"></script>

<!-- async load function -->
<script>
    function async(u, c) {
      var d = document, t = 'script',
          o = d.createElement(t),
          s = d.getElementsByTagName(t)[0];
      o.src = u;
      if (c) { o.addEventListener('load', function (e) { c(null, e); }, false); }
      s.parentNode.insertBefore(o, s);
    }
</script>

<!-- jquery.tagcloud.js -->
<script>
    // only load tagcloud.js in tag.html
    if($('#tag_cloud').length !== 0){
        async("https://calpa.me/js/jquery.tagcloud.js",function(){
            $.fn.tagcloud.defaults = {
                //size: {start: 1, end: 1, unit: 'em'},
                color: {start: '#bbbbee', end: '#0085a1'},
            };
            $('#tag_cloud a').tagcloud();
        })
    }
</script>

<!--fastClick.js -->
<script>
    async("//cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js", function(){
        var $nav = document.querySelector("nav");
        if($nav) FastClick.attach($nav);
    })
</script>

<!-- Google Analytics -->


<script>
    // dynamic User by Hux
    var _gaId = 'UA-84737574-3';
    var _gaDomain = 'auto';
    // Originial
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', _gaId, _gaDomain);
    ga('send', 'pageview');
</script>
<!-- Scroll Depth -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-scrolldepth/1.0.0/jquery.scrolldepth.min.js"></script>
<script>
  jQuery(function() {
    jQuery.scrollDepth();
  });
</script>


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


<!-- AddThis -->
<script type="text/javascript" src="https://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-59311b889457f301"></script>


<!-- hotjar -->

<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:576135,hjsv:5};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
</script>


<!-- lazy loading -->
<script>
var observer = lozad(); // lazy loads elements with default selector as '.lozad'
observer.observe();
</script>

</body>
</html>