1788 lines
62 KiB
HTML
1788 lines
62 KiB
HTML
<!DOCTYPE html>
|
||
<html style="display: none;" lang="zh">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<!--
|
||
© Material Theme
|
||
https://github.com/viosey/hexo-theme-material
|
||
Version: 1.5.2 -->
|
||
<script>
|
||
window.materialVersion = "1.5.2"
|
||
// Delete localstorage with these tags
|
||
window.oldVersion = [
|
||
'codestartv1',
|
||
'1.3.4',
|
||
'1.4.0',
|
||
'1.4.0b1',
|
||
'1.5.0'
|
||
]
|
||
</script>
|
||
|
||
<!-- dns prefetch -->
|
||
<meta http-equiv="x-dns-prefetch-control" content="on">
|
||
|
||
|
||
<link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Meta & Info -->
|
||
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
||
<meta name="renderer" content="webkit">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||
|
||
<!-- Title -->
|
||
|
||
<title>
|
||
|
||
Feax's Blog
|
||
</title>
|
||
|
||
<!-- Favicons -->
|
||
<link rel="icon shortcut" type="image/ico" href="/img/favicon.ico">
|
||
<link rel="icon" href="/img/favicon.png">
|
||
|
||
<meta name="format-detection" content="telephone=no"/>
|
||
<meta name="description" itemprop="description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
|
||
<meta name="keywords" content="全栈,javascript,react,vue,webpack,koa2">
|
||
<meta name="theme-color" content="#70c2cd">
|
||
|
||
<!-- Disable Fucking Bloody Baidu Tranformation -->
|
||
<meta http-equiv="Cache-Control" content="no-transform" />
|
||
<meta http-equiv="Cache-Control" content="no-siteapp" />
|
||
|
||
<!--[if lte IE 9]>
|
||
<link rel="stylesheet" href="/css/ie-blocker.css">
|
||
|
||
|
||
<script src="/js/ie-blocker.zhCN.js"></script>
|
||
|
||
<![endif]-->
|
||
|
||
<!-- Import lsloader -->
|
||
<script>(function(){window.lsloader={jsRunSequence:[],jsnamemap:{},cssnamemap:{}};lsloader.removeLS=function(a){try{localStorage.removeItem(a)}catch(b){}};lsloader.setLS=function(a,c){try{localStorage.setItem(a,c)}catch(b){}};lsloader.getLS=function(a){var c="";try{c=localStorage.getItem(a)}catch(b){c=""}return c};versionString="/*"+(window.materialVersion||"unknownVersion")+"*/";lsloader.clean=function(){try{var b=[];for(var a=0;a<localStorage.length;a++){b.push(localStorage.key(a))}b.forEach(function(e){var f=lsloader.getLS(e);if(window.oldVersion){var d=window.oldVersion.reduce(function(g,h){return g||f.indexOf("/*"+h+"*/")!==-1},false);if(d){lsloader.removeLS(e)}}})}catch(c){}};lsloader.clean();lsloader.load=function(f,a,b,d){if(typeof b==="boolean"){d=b;b=undefined}d=d||false;b=b||function(){};var e;e=this.getLS(f);if(e&&e.indexOf(versionString)===-1){this.removeLS(f);this.requestResource(f,a,b,d);return}if(e){var c=e.split(versionString)[0];if(c!=a){console.log("reload:"+a);this.removeLS(f);this.requestResource(f,a,b,d);return}e=e.split(versionString)[1];if(d){this.jsRunSequence.push({name:f,code:e});this.runjs(a,f,e)}else{document.getElementById(f).appendChild(document.createTextNode(e));b()}}else{this.requestResource(f,a,b,d)}};lsloader.requestResource=function(b,e,a,c){var d=this;if(c){this.iojs(e,b,function(h,f,g){d.setLS(f,h+versionString+g);d.runjs(h,f,g)})}else{this.iocss(e,b,function(f){document.getElementById(b).appendChild(document.createTextNode(f));d.setLS(b,e+versionString+f)},a)}};lsloader.iojs=function(d,b,g){var a=this;a.jsRunSequence.push({name:b,code:""});try{var f=new XMLHttpRequest();f.open("get",d,true);f.onreadystatechange=function(){if(f.readyState==4){if((f.status>=200&&f.status<300)||f.status==304){if(f.response!=""){g(d,b,f.response);return}}a.jsfallback(d,b)}};f.send(null)}catch(c){a.jsfallback(d,b)}};lsloader.iocss=function(f,c,h,a){var b=this;try{var g=new XMLHttpRequest();g.open("get",f,true);g.onreadystatechange=function(){if(g.readyState==4){if((g.status>=200&&g.status<300)||g.status==304){if(g.response!=""){h(g.response);a();return}}b.cssfallback(f,c,a)}};g.send(null)}catch(d){b.cssfallback(f,c,a)}};lsloader.iofonts=function(f,c,h,a){var b=this;try{var g=new XMLHttpRequest();g.open("get",f,true);g.onreadystatechange=function(){if(g.readyState==4){if((g.status>=200&&g.status<300)||g.status==304){if(g.response!=""){h(g.response);a();return}}b.cssfallback(f,c,a)}};g.send(null)}catch(d){b.cssfallback(f,c,a)}};lsloader.runjs=function(f,c,e){if(!!c&&!!e){for(var b in this.jsRunSequence){if(this.jsRunSequence[b].name==c){this.jsRunSequence[b].code=e}}}if(!!this.jsRunSequence[0]&&!!this.jsRunSequence[0].code&&this.jsRunSequence[0].status!="failed"){var a=document.createElement("script");a.appendChild(document.createTextNode(this.jsRunSequence[0].code));a.type="text/javascript";document.getElementsByTagName("head")[0].appendChild(a);this.jsRunSequence.shift();if(this.jsRunSequence.length>0){this.runjs()}}else{if(!!this.jsRunSequence[0]&&this.jsRunSequence[0].status=="failed"){var d=this;var a=document.createElement("script");a.src=this.jsRunSequence[0].path;a.type="text/javascript";this.jsRunSequence[0].status="loading";a.onload=function(){d.jsRunSequence.shift();if(d.jsRunSequence.length>0){d.runjs()}};document.body.appendChild(a)}}};lsloader.tagLoad=function(b,a){this.jsRunSequence.push({name:a,code:"",path:b,status:"failed"});this.runjs()};lsloader.jsfallback=function(c,b){if(!!this.jsnamemap[b]){return}else{this.jsnamemap[b]=b}for(var a in this.jsRunSequence){if(this.jsRunSequence[a].name==b){this.jsRunSequence[a].code="";this.jsRunSequence[a].status="failed";this.jsRunSequence[a].path=c}}this.runjs()};lsloader.cssfallback=function(e,c,b){if(!!this.cssnamemap[c]){return}else{this.cssnamemap[c]=1}var d=document.createElement("link");d.type="text/css";d.href=e;d.rel="stylesheet";d.onload=d.onerror=b;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(d,a)};lsloader.runInlineScript=function(c,b){var a=document.getElementById(b).innerText;this.jsRunSequence.push({name:c,code:a});this.runjs()}})();</script>
|
||
|
||
<!-- Import queue -->
|
||
<script>function Queue(){this.dataStore=[];this.offer=b;this.poll=d;this.execNext=a;this.debug=false;this.startDebug=c;function b(e){if(this.debug){console.log("Offered a Queued Function.")}if(typeof e==="function"){this.dataStore.push(e)}else{console.log("You must offer a function.")}}function d(){if(this.debug){console.log("Polled a Queued Function.")}return this.dataStore.shift()}function a(){var e=this.poll();if(e!==undefined){if(this.debug){console.log("Run a Queued Function.")}e()}}function c(){this.debug=true}}var queue=new Queue();</script>
|
||
|
||
<!-- Import CSS -->
|
||
|
||
<style id="material_css"></style><script>if(typeof window.lsLoadCSSMaxNums === "undefined")window.lsLoadCSSMaxNums = 0;window.lsLoadCSSMaxNums++;lsloader.load("material_css","/css/material.min.css?Z7a72R1E4SxzBKR/WGctOA==",function(){if(typeof window.lsLoadCSSNums === "undefined")window.lsLoadCSSNums = 0;window.lsLoadCSSNums++;if(window.lsLoadCSSNums == window.lsLoadCSSMaxNums)document.documentElement.style.display="";}, false)</script>
|
||
<style id="style_css"></style><script>if(typeof window.lsLoadCSSMaxNums === "undefined")window.lsLoadCSSMaxNums = 0;window.lsLoadCSSMaxNums++;lsloader.load("style_css","/css/style.min.css?MKetZV3cUTfDxvMffaOezg==",function(){if(typeof window.lsLoadCSSNums === "undefined")window.lsLoadCSSNums = 0;window.lsLoadCSSNums++;if(window.lsLoadCSSNums == window.lsLoadCSSMaxNums)document.documentElement.style.display="";}, false)</script>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Config CSS -->
|
||
|
||
<!-- Other Styles -->
|
||
<style>
|
||
body, html {
|
||
font-family: Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
|
||
overflow-x: hidden !important;
|
||
}
|
||
|
||
code {
|
||
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
||
}
|
||
|
||
a {
|
||
color: #679cc5;
|
||
}
|
||
|
||
.mdl-card__media,
|
||
#search-label,
|
||
#search-form-label:after,
|
||
#scheme-Paradox .hot_tags-count,
|
||
#scheme-Paradox .sidebar_archives-count,
|
||
#scheme-Paradox .sidebar-colored .sidebar-header,
|
||
#scheme-Paradox .sidebar-colored .sidebar-badge{
|
||
background-color: #785470 !important;
|
||
}
|
||
|
||
/* Sidebar User Drop Down Menu Text Color */
|
||
#scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
|
||
#scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
|
||
color: #785470 !important;
|
||
}
|
||
|
||
#post_entry-right-info,
|
||
.sidebar-colored .sidebar-nav li:hover > a,
|
||
.sidebar-colored .sidebar-nav li:hover > a i,
|
||
.sidebar-colored .sidebar-nav li > a:hover,
|
||
.sidebar-colored .sidebar-nav li > a:hover i,
|
||
.sidebar-colored .sidebar-nav li > a:focus i,
|
||
.sidebar-colored .sidebar-nav > .open > a,
|
||
.sidebar-colored .sidebar-nav > .open > a:hover,
|
||
.sidebar-colored .sidebar-nav > .open > a:focus,
|
||
#ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
|
||
color: #785470 !important;
|
||
}
|
||
|
||
.toTop {
|
||
background: #1a1d3a !important;
|
||
}
|
||
|
||
.material-layout .material-post>.material-nav,
|
||
.material-layout .material-index>.material-nav,
|
||
.material-nav a {
|
||
color: #1a1d3a;
|
||
}
|
||
|
||
#scheme-Paradox .MD-burger-layer {
|
||
background-color: #1a1d3a;
|
||
}
|
||
|
||
#scheme-Paradox #post-toc-trigger-btn {
|
||
color: #1a1d3a;
|
||
}
|
||
|
||
.post-toc a:hover {
|
||
color: #679cc5;
|
||
text-decoration: underline;
|
||
}
|
||
|
||
</style>
|
||
|
||
|
||
<!-- Theme Background Related-->
|
||
|
||
<style>
|
||
body{
|
||
background-image: url(/img/bg.png);
|
||
}
|
||
</style>
|
||
|
||
|
||
|
||
|
||
<!-- Fade Effect -->
|
||
|
||
<style>
|
||
.fade {
|
||
transition: all 800ms linear;
|
||
-webkit-transform: translate3d(0,0,0);
|
||
-moz-transform: translate3d(0,0,0);
|
||
-ms-transform: translate3d(0,0,0);
|
||
-o-transform: translate3d(0,0,0);
|
||
transform: translate3d(0,0,0);
|
||
opacity: 1;
|
||
}
|
||
|
||
.fade.out{
|
||
opacity: 0;
|
||
}
|
||
</style>
|
||
|
||
|
||
<!-- Import Font -->
|
||
<!-- Import Roboto -->
|
||
|
||
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
|
||
|
||
|
||
<!-- Import Material Icons -->
|
||
|
||
|
||
<style id="material_icons"></style><script>if(typeof window.lsLoadCSSMaxNums === "undefined")window.lsLoadCSSMaxNums = 0;window.lsLoadCSSMaxNums++;lsloader.load("material_icons","/css/material-icons.css?pqhB/Rd/ab0H2+kZp0RDmw==",function(){if(typeof window.lsLoadCSSNums === "undefined")window.lsLoadCSSNums = 0;window.lsLoadCSSNums++;if(window.lsLoadCSSNums == window.lsLoadCSSMaxNums)document.documentElement.style.display="";}, false)</script>
|
||
|
||
|
||
|
||
|
||
<!-- Import jQuery -->
|
||
|
||
<script>lsloader.load("jq_js","/js/jquery.min.js?qcusAULNeBksqffqUM2+Ig==", true)</script>
|
||
|
||
|
||
<!-- WebAPP Icons -->
|
||
<meta name="mobile-web-app-capable" content="yes">
|
||
<meta name="application-name" content="Feax's Blog">
|
||
<meta name="msapplication-starturl" content="http://blog.jzxer.cn/">
|
||
<meta name="msapplication-navbutton-color" content="#70c2cd">
|
||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||
<meta name="apple-mobile-web-app-title" content="Feax's Blog">
|
||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||
<link rel="apple-touch-icon" href="/img/favicon.png">
|
||
|
||
<!-- Site Verification -->
|
||
|
||
<meta name="baidu-site-verification" content="z1eJ8hGeNJ" />
|
||
|
||
<!-- RSS -->
|
||
|
||
|
||
<link rel=alternate type="application/atom+xml" href="/atom.xml">
|
||
|
||
|
||
|
||
<!-- The Open Graph protocol -->
|
||
<meta property="og:url" content="http://blog.jzxer.cn/">
|
||
<meta property="og:type" content="blog">
|
||
<meta property="og:title" content="Feax's Blog">
|
||
<meta property="og:image" content="/img/favicon.png">
|
||
<meta property="og:description" content="web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2">
|
||
|
||
|
||
|
||
|
||
<!-- The Twitter Card protocol -->
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
|
||
<!-- Add canonical link for SEO -->
|
||
|
||
<link rel="canonical" href="http://blog.jzxer.cn" />
|
||
|
||
|
||
<!-- Structured-data for SEO -->
|
||
|
||
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "http://schema.org",
|
||
"@type": "Website",
|
||
"publisher": {
|
||
"@type": "Organization",
|
||
"name": "Feax's Blog",
|
||
"logo": "/img/favicon.png"
|
||
},
|
||
"url": "http://blog.jzxer.cn",
|
||
"image": {
|
||
"@type": "ImageObject",
|
||
"url": "/img/favicon.png"
|
||
},
|
||
"mainEntityOfPage": {
|
||
"@type": "WebPage",
|
||
"@id": "http://blog.jzxer.cn"
|
||
},
|
||
"description": "web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2"
|
||
}
|
||
</script>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Analytics -->
|
||
|
||
|
||
<script>
|
||
var _hmt = _hmt || [];
|
||
(function() {var hm = document.createElement('script');
|
||
hm.src = 'https://hm.baidu.com/hm.js?fd3e8c663917a054564de87b31397113';
|
||
var s = document.getElementsByTagName('script')[0];
|
||
s.parentNode.insertBefore(hm, s);
|
||
})();
|
||
</script>
|
||
|
||
|
||
|
||
<!-- Custom Head -->
|
||
|
||
|
||
</head>
|
||
|
||
|
||
|
||
<body id="scheme-Paradox" class="lazy">
|
||
<div class="material-layout mdl-js-layout has-drawer is-upgraded">
|
||
|
||
|
||
<!-- Main Container -->
|
||
<main class="material-layout__content" id="main">
|
||
|
||
<!-- Top Anchor -->
|
||
<div id="top"></div>
|
||
|
||
|
||
<!-- Hamburger Button -->
|
||
<button class="MD-burger-icon sidebar-toggle">
|
||
<span class="MD-burger-layer"></span>
|
||
</button>
|
||
|
||
|
||
<!-- Index Module -->
|
||
<div class="material-index mdl-grid">
|
||
|
||
<!-- Paradox Header -->
|
||
<!-- Daily pic -->
|
||
<div class="mdl-card mdl-shadow--4dp daily-pic mdl-cell mdl-cell--8-col index-top-block">
|
||
|
||
<!-- Pic & Slogan -->
|
||
<div class="mdl-card__media mdl-color-text--grey-50" style="background-image:url(/img/daily_pic.jpg)">
|
||
<p class="index-top-block-slogan"><a href="#">
|
||
|
||
|
||
对的，坚持！<br><br>错的，放弃！
|
||
|
||
|
||
</a></p>
|
||
</div>
|
||
|
||
<!-- Avatar & Name -->
|
||
<div class="mdl-card__supporting-text meta mdl-color-text--grey-600">
|
||
<!-- Author Avatar -->
|
||
<div id="author-avatar">
|
||
<img src="/img/avatar.png" width="32px" height="32px" alt="avatar">
|
||
</div>
|
||
<div>
|
||
<strong>Feax</strong>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Blog info -->
|
||
<div class="mdl-card mdl-shadow--4dp something-else mdl-cell mdl-cell--8-col mdl-cell--4-col-desktop index-top-block">
|
||
|
||
<!-- Search -->
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Local -->
|
||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable" method="post" action="">
|
||
<label id="search-label" class="mdl-button mdl-js-ripple-effect mdl-js-button mdl-button--fab mdl-color--accent mdl-shadow--4dp" for="search">
|
||
<i class="material-icons mdl-color-text--white" role="presentation">search</i>
|
||
</label>
|
||
|
||
<form autocomplete="off" id="search-form" class="mdl-textfield__expandable-holder">
|
||
<input type="text" id="search" class="form-control mdl-textfield__input search-input" name="q" results="0" placeholder=""/>
|
||
<label id="search-form-label" class="mdl-textfield__label" for="search"></label>
|
||
</form>
|
||
</div>
|
||
<div id="local-search-result"></div>
|
||
|
||
|
||
|
||
<!-- LOGO -->
|
||
<div class="something-else-logo mdl-color--white mdl-color-text--grey-600">
|
||
<a href="https://github.com/j710328466" target="_blank">
|
||
<img src="/img/logo.svg" alt="logo" />
|
||
</a>
|
||
</div>
|
||
|
||
<!-- Infomation -->
|
||
<div class="mdl-card__supporting-text meta meta--fill mdl-color-text--grey-600">
|
||
<!-- Blog Title -->
|
||
<div>
|
||
<strong>Feax's Blog</strong>
|
||
</div>
|
||
<div class="section-spacer"></div>
|
||
|
||
<!-- Pages -->
|
||
<button id="show-pages-button" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
|
||
<i class="material-icons" role="presentation">view_carousel</i>
|
||
<span class="visuallyhidden">Pages</span>
|
||
</button>
|
||
<ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right" for="show-pages-button">
|
||
|
||
<a class="index_share-link" href="/timeline" title="时间轴">
|
||
<li class="mdl-menu__item mdl-js-ripple-effect">
|
||
时间轴
|
||
</li>
|
||
</a>
|
||
|
||
<a class="index_share-link" href="/tags" title="标签">
|
||
<li class="mdl-menu__item mdl-js-ripple-effect">
|
||
标签
|
||
</li>
|
||
</a>
|
||
|
||
<a class="index_share-link" href="/gallery" title="图库">
|
||
<li class="mdl-menu__item mdl-js-ripple-effect">
|
||
图库
|
||
</li>
|
||
</a>
|
||
|
||
<a class="index_share-link" href="/footprint" title="我的足迹">
|
||
<li class="mdl-menu__item mdl-js-ripple-effect">
|
||
我的足迹
|
||
</li>
|
||
</a>
|
||
|
||
<a class="index_share-link" href="/about" title="关于我">
|
||
<li class="mdl-menu__item mdl-js-ripple-effect">
|
||
关于我
|
||
</li>
|
||
</a>
|
||
|
||
</ul>
|
||
|
||
<!-- Menu -->
|
||
<button id="menubtn" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
|
||
<i class="material-icons" role="presentation">more_vert</i>
|
||
<span class="visuallyhidden">show menu</span>
|
||
</button>
|
||
<ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right" for="menubtn">
|
||
|
||
|
||
|
||
<a class="index_share-link" href="/atom.xml">
|
||
<li class="mdl-menu__item mdl-js-ripple-effect">
|
||
文章 RSS
|
||
</li>
|
||
</a>
|
||
|
||
|
||
|
||
<a class="index_share-link" href="http://service.weibo.com/share/share.php?appkey=&title=Feax's Blog&url=http://blog.jzxer.cn&pic=http://blog.jzxer.cn/img/favicon.ico&searchPic=false&style=simple" target="_blank">
|
||
<li class="mdl-menu__item mdl-js-ripple-effect">
|
||
分享到微博
|
||
</li>
|
||
</a>
|
||
|
||
|
||
|
||
<a class="index_share-link" href="https://twitter.com/intent/tweet?text=Feax's Blog&url=http://blog.jzxer.cn&via=Feax" target="_blank">
|
||
<li class="mdl-menu__item mdl-js-ripple-effect">
|
||
分享到 Twitter
|
||
</li>
|
||
</a>
|
||
|
||
|
||
|
||
<a class="index_share-link" href="https://www.facebook.com/sharer/sharer.php?u=http://blog.jzxer.cn" target="_blank">
|
||
<li class="mdl-menu__item mdl-js-ripple-effect">
|
||
分享到 Facebook
|
||
</li>
|
||
</a>
|
||
|
||
|
||
|
||
<a class="index_share-link" href="https://plus.google.com/share?url=http://blog.jzxer.cn" target="_blank">
|
||
<li class="mdl-menu__item mdl-js-ripple-effect">
|
||
分享到 Google+
|
||
</li>
|
||
</a>
|
||
|
||
|
||
|
||
<a class="index_share-link" href="https://www.linkedin.com/shareArticle?mini=true&url=http://blog.jzxer.cn&title=Feax's Blog" target="_blank">
|
||
<li class="mdl-menu__item mdl-js-ripple-effect">
|
||
分享到 LinkedIn
|
||
</li>
|
||
</a>
|
||
|
||
|
||
|
||
<a class="post_share-link" href="http://connect.qq.com/widget/shareqq/index.html?site=Feax's Blog&title=Feax's Blog&summary=web全栈工程师,摇滚,vue,vuex,react,webpack,git,koa2&pics=http://blog.jzxer.cn/img/favicon.ico&url=http://blog.jzxer.cn" target="_blank">
|
||
<li class="mdl-menu__item">
|
||
分享到 QQ
|
||
</li>
|
||
</a>
|
||
|
||
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="locate-thumbnail-symbol"></div>
|
||
|
||
<!-- Pin on top -->
|
||
|
||
|
||
|
||
|
||
<!-- Paradox Thumbnail -->
|
||
<div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
|
||
<!-- Post Thumbnail -->
|
||
|
||
|
||
<!-- Random Thumbnail -->
|
||
<div class="post_thumbnail-random mdl-card__media mdl-color-text--grey-50">
|
||
|
||
|
||
|
||
<!-- Post Title -->
|
||
<p class="article-headline-p"><a href="/如何规划自己的工作和生活.html"><span>[Top]</span>如何规划自己的工作和生活</a></p>
|
||
</div>
|
||
|
||
<!-- Post Excerpt -->
|
||
<div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
|
||
|
||
|
||
|
||
|
||
<span>
|
||
<a href="/如何规划自己的工作和生活.html" target="_self">阅读全文</a>
|
||
</span>
|
||
</div>
|
||
<!-- Post_entry Info-->
|
||
<div id="post_entry-info">
|
||
<div id="post_entry-left-info" class="mdl-card__supporting-text meta mdl-color-text--grey-600 ">
|
||
<!-- Author Avatar -->
|
||
<div id="author-avatar">
|
||
<img src="/img/avatar.png" width="44px" height="44px" alt="Feax's avatar">
|
||
</div>
|
||
<div>
|
||
<strong>Feax</strong>
|
||
<span>3月 19, 2018</span>
|
||
</div>
|
||
</div>
|
||
<div id="post_entry-right-info">
|
||
|
||
<!-- Category -->
|
||
<span class="post_entry-category">
|
||
<a class="post_category-link" href="/categories/生活/">生活</a>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Post Views -->
|
||
<span class="post_entry-views">
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Normal Post -->
|
||
|
||
|
||
|
||
<!-- Paradox Thumbnail -->
|
||
<div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
|
||
<!-- Post Thumbnail -->
|
||
|
||
|
||
<!-- Random Thumbnail -->
|
||
<div class="post_thumbnail-random mdl-card__media mdl-color-text--grey-50">
|
||
|
||
|
||
|
||
<!-- Post Title -->
|
||
<p class="article-headline-p"><a href="/RBP.html">RBP</a></p>
|
||
</div>
|
||
|
||
<!-- Post Excerpt -->
|
||
<div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
|
||
|
||
|
||
|
||
|
||
<span>
|
||
<a href="/RBP.html" target="_self">阅读全文</a>
|
||
</span>
|
||
</div>
|
||
<!-- Post_entry Info-->
|
||
<div id="post_entry-info">
|
||
<div id="post_entry-left-info" class="mdl-card__supporting-text meta mdl-color-text--grey-600 ">
|
||
<!-- Author Avatar -->
|
||
<div id="author-avatar">
|
||
<img src="/img/avatar.png" width="44px" height="44px" alt="Feax's avatar">
|
||
</div>
|
||
<div>
|
||
<strong>Feax</strong>
|
||
<span>6月 24, 2018</span>
|
||
</div>
|
||
</div>
|
||
<div id="post_entry-right-info">
|
||
|
||
<!-- Category -->
|
||
<span class="post_entry-category">
|
||
<a class="post_category-link" href="/categories/音乐/">音乐</a>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Post Views -->
|
||
<span class="post_entry-views">
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Paradox Thumbnail -->
|
||
<div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
|
||
<!-- Post Thumbnail -->
|
||
|
||
|
||
<!-- Random Thumbnail -->
|
||
<div class="post_thumbnail-random mdl-card__media mdl-color-text--grey-50">
|
||
|
||
|
||
|
||
<!-- Post Title -->
|
||
<p class="article-headline-p"><a href="/travisCI-集成-gh-page-构建项目.html">travisCI 集成 gh-page 构建项目</a></p>
|
||
</div>
|
||
|
||
<!-- Post Excerpt -->
|
||
<div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
|
||
|
||
|
||
|
||
|
||
<span>
|
||
<a href="/travisCI-集成-gh-page-构建项目.html" target="_self">阅读全文</a>
|
||
</span>
|
||
</div>
|
||
<!-- Post_entry Info-->
|
||
<div id="post_entry-info">
|
||
<div id="post_entry-left-info" class="mdl-card__supporting-text meta mdl-color-text--grey-600 ">
|
||
<!-- Author Avatar -->
|
||
<div id="author-avatar">
|
||
<img src="/img/avatar.png" width="44px" height="44px" alt="Feax's avatar">
|
||
</div>
|
||
<div>
|
||
<strong>Feax</strong>
|
||
<span>6月 12, 2018</span>
|
||
</div>
|
||
</div>
|
||
<div id="post_entry-right-info">
|
||
|
||
<!-- Category -->
|
||
<span class="post_entry-category">
|
||
<a class="post_category-link" href="/categories/自动化/">自动化</a>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Post Views -->
|
||
<span class="post_entry-views">
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Paradox Thumbnail -->
|
||
<div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
|
||
<!-- Post Thumbnail -->
|
||
|
||
|
||
<!-- Random Thumbnail -->
|
||
<div class="post_thumbnail-random mdl-card__media mdl-color-text--grey-50">
|
||
|
||
|
||
|
||
<!-- Post Title -->
|
||
<p class="article-headline-p"><a href="/webPerformanceOptimization-2.html">nodeJS性能处理（二）</a></p>
|
||
</div>
|
||
|
||
<!-- Post Excerpt -->
|
||
<div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
|
||
|
||
|
||
|
||
|
||
<span>
|
||
<a href="/webPerformanceOptimization-2.html" target="_self">阅读全文</a>
|
||
</span>
|
||
</div>
|
||
<!-- Post_entry Info-->
|
||
<div id="post_entry-info">
|
||
<div id="post_entry-left-info" class="mdl-card__supporting-text meta mdl-color-text--grey-600 ">
|
||
<!-- Author Avatar -->
|
||
<div id="author-avatar">
|
||
<img src="/img/avatar.png" width="44px" height="44px" alt="Feax's avatar">
|
||
</div>
|
||
<div>
|
||
<strong>Feax</strong>
|
||
<span>5月 30, 2018</span>
|
||
</div>
|
||
</div>
|
||
<div id="post_entry-right-info">
|
||
|
||
<!-- Category -->
|
||
<span class="post_entry-category">
|
||
<a class="post_category-link" href="/categories/nodeJS/">nodeJS</a>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Post Views -->
|
||
<span class="post_entry-views">
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Paradox Thumbnail -->
|
||
<div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
|
||
<!-- Post Thumbnail -->
|
||
|
||
|
||
<!-- Random Thumbnail -->
|
||
<div class="post_thumbnail-random mdl-card__media mdl-color-text--grey-50">
|
||
|
||
|
||
|
||
<!-- Post Title -->
|
||
<p class="article-headline-p"><a href="/cookie和session.html">cookie和session</a></p>
|
||
</div>
|
||
|
||
<!-- Post Excerpt -->
|
||
<div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
|
||
|
||
|
||
|
||
|
||
<span>
|
||
<a href="/cookie和session.html" target="_self">阅读全文</a>
|
||
</span>
|
||
</div>
|
||
<!-- Post_entry Info-->
|
||
<div id="post_entry-info">
|
||
<div id="post_entry-left-info" class="mdl-card__supporting-text meta mdl-color-text--grey-600 ">
|
||
<!-- Author Avatar -->
|
||
<div id="author-avatar">
|
||
<img src="/img/avatar.png" width="44px" height="44px" alt="Feax's avatar">
|
||
</div>
|
||
<div>
|
||
<strong>Feax</strong>
|
||
<span>4月 26, 2018</span>
|
||
</div>
|
||
</div>
|
||
<div id="post_entry-right-info">
|
||
|
||
<!-- Category -->
|
||
<span class="post_entry-category">
|
||
<a class="post_category-link" href="/categories/本地储存/">本地储存</a>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Post Views -->
|
||
<span class="post_entry-views">
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Paradox Thumbnail -->
|
||
<div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
|
||
<!-- Post Thumbnail -->
|
||
|
||
|
||
<!-- Random Thumbnail -->
|
||
<div class="post_thumbnail-random mdl-card__media mdl-color-text--grey-50">
|
||
|
||
|
||
|
||
<!-- Post Title -->
|
||
<p class="article-headline-p"><a href="/线上部署：heroku.html">线上部署：heroku</a></p>
|
||
</div>
|
||
|
||
<!-- Post Excerpt -->
|
||
<div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
|
||
|
||
|
||
|
||
|
||
<span>
|
||
<a href="/线上部署：heroku.html" target="_self">阅读全文</a>
|
||
</span>
|
||
</div>
|
||
<!-- Post_entry Info-->
|
||
<div id="post_entry-info">
|
||
<div id="post_entry-left-info" class="mdl-card__supporting-text meta mdl-color-text--grey-600 ">
|
||
<!-- Author Avatar -->
|
||
<div id="author-avatar">
|
||
<img src="/img/avatar.png" width="44px" height="44px" alt="Feax's avatar">
|
||
</div>
|
||
<div>
|
||
<strong>Feax</strong>
|
||
<span>4月 26, 2018</span>
|
||
</div>
|
||
</div>
|
||
<div id="post_entry-right-info">
|
||
|
||
<!-- Category -->
|
||
<span class="post_entry-category">
|
||
<a class="post_category-link" href="/categories/自动化/">自动化</a>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Post Views -->
|
||
<span class="post_entry-views">
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Paradox Thumbnail -->
|
||
<div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
|
||
<!-- Post Thumbnail -->
|
||
|
||
|
||
<!-- Random Thumbnail -->
|
||
<div class="post_thumbnail-random mdl-card__media mdl-color-text--grey-50">
|
||
|
||
|
||
|
||
<!-- Post Title -->
|
||
<p class="article-headline-p"><a href="/nginx配置和问题处理.html">nginx配置和问题处理</a></p>
|
||
</div>
|
||
|
||
<!-- Post Excerpt -->
|
||
<div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
|
||
|
||
|
||
|
||
|
||
<span>
|
||
<a href="/nginx配置和问题处理.html" target="_self">阅读全文</a>
|
||
</span>
|
||
</div>
|
||
<!-- Post_entry Info-->
|
||
<div id="post_entry-info">
|
||
<div id="post_entry-left-info" class="mdl-card__supporting-text meta mdl-color-text--grey-600 ">
|
||
<!-- Author Avatar -->
|
||
<div id="author-avatar">
|
||
<img src="/img/avatar.png" width="44px" height="44px" alt="Feax's avatar">
|
||
</div>
|
||
<div>
|
||
<strong>Feax</strong>
|
||
<span>4月 26, 2018</span>
|
||
</div>
|
||
</div>
|
||
<div id="post_entry-right-info">
|
||
|
||
<!-- Category -->
|
||
<span class="post_entry-category">
|
||
<a class="post_category-link" href="/categories/代理/">代理</a>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Post Views -->
|
||
<span class="post_entry-views">
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Paradox Thumbnail -->
|
||
<div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
|
||
<!-- Post Thumbnail -->
|
||
|
||
|
||
<!-- Random Thumbnail -->
|
||
<div class="post_thumbnail-random mdl-card__media mdl-color-text--grey-50">
|
||
|
||
|
||
|
||
<!-- Post Title -->
|
||
<p class="article-headline-p"><a href="/nodeJS性能处理一.html">nodeJS性能处理（一）</a></p>
|
||
</div>
|
||
|
||
<!-- Post Excerpt -->
|
||
<div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
|
||
|
||
|
||
|
||
|
||
<span>
|
||
<a href="/nodeJS性能处理一.html" target="_self">阅读全文</a>
|
||
</span>
|
||
</div>
|
||
<!-- Post_entry Info-->
|
||
<div id="post_entry-info">
|
||
<div id="post_entry-left-info" class="mdl-card__supporting-text meta mdl-color-text--grey-600 ">
|
||
<!-- Author Avatar -->
|
||
<div id="author-avatar">
|
||
<img src="/img/avatar.png" width="44px" height="44px" alt="Feax's avatar">
|
||
</div>
|
||
<div>
|
||
<strong>Feax</strong>
|
||
<span>4月 25, 2018</span>
|
||
</div>
|
||
</div>
|
||
<div id="post_entry-right-info">
|
||
|
||
<!-- Category -->
|
||
<span class="post_entry-category">
|
||
<a class="post_category-link" href="/categories/nodeJS/">nodeJS</a>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Post Views -->
|
||
<span class="post_entry-views">
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Paradox Thumbnail -->
|
||
<div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
|
||
<!-- Post Thumbnail -->
|
||
|
||
|
||
<!-- Random Thumbnail -->
|
||
<div class="post_thumbnail-random mdl-card__media mdl-color-text--grey-50">
|
||
|
||
|
||
|
||
<!-- Post Title -->
|
||
<p class="article-headline-p"><a href="/node连接阿里云redis.html">node连接阿里云redis</a></p>
|
||
</div>
|
||
|
||
<!-- Post Excerpt -->
|
||
<div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
|
||
|
||
|
||
|
||
|
||
<span>
|
||
<a href="/node连接阿里云redis.html" target="_self">阅读全文</a>
|
||
</span>
|
||
</div>
|
||
<!-- Post_entry Info-->
|
||
<div id="post_entry-info">
|
||
<div id="post_entry-left-info" class="mdl-card__supporting-text meta mdl-color-text--grey-600 ">
|
||
<!-- Author Avatar -->
|
||
<div id="author-avatar">
|
||
<img src="/img/avatar.png" width="44px" height="44px" alt="Feax's avatar">
|
||
</div>
|
||
<div>
|
||
<strong>Feax</strong>
|
||
<span>4月 24, 2018</span>
|
||
</div>
|
||
</div>
|
||
<div id="post_entry-right-info">
|
||
|
||
<!-- Category -->
|
||
<span class="post_entry-category">
|
||
<a class="post_category-link" href="/categories/数据库/">数据库</a>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Post Views -->
|
||
<span class="post_entry-views">
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Paradox Thumbnail -->
|
||
<div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
|
||
<!-- Post Thumbnail -->
|
||
|
||
|
||
<!-- Random Thumbnail -->
|
||
<div class="post_thumbnail-random mdl-card__media mdl-color-text--grey-50">
|
||
|
||
|
||
|
||
<!-- Post Title -->
|
||
<p class="article-headline-p"><a href="/学生思维.html">学生思维</a></p>
|
||
</div>
|
||
|
||
<!-- Post Excerpt -->
|
||
<div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
|
||
|
||
|
||
|
||
|
||
<span>
|
||
<a href="/学生思维.html" target="_self">阅读全文</a>
|
||
</span>
|
||
</div>
|
||
<!-- Post_entry Info-->
|
||
<div id="post_entry-info">
|
||
<div id="post_entry-left-info" class="mdl-card__supporting-text meta mdl-color-text--grey-600 ">
|
||
<!-- Author Avatar -->
|
||
<div id="author-avatar">
|
||
<img src="/img/avatar.png" width="44px" height="44px" alt="Feax's avatar">
|
||
</div>
|
||
<div>
|
||
<strong>Feax</strong>
|
||
<span>4月 10, 2018</span>
|
||
</div>
|
||
</div>
|
||
<div id="post_entry-right-info">
|
||
|
||
<!-- Category -->
|
||
<span class="post_entry-category">
|
||
<a class="post_category-link" href="/categories/生活/">生活</a>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Post Views -->
|
||
<span class="post_entry-views">
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Paradox Thumbnail -->
|
||
<div class="post_entry-module mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col fade out">
|
||
<!-- Post Thumbnail -->
|
||
|
||
|
||
<!-- Random Thumbnail -->
|
||
<div class="post_thumbnail-random mdl-card__media mdl-color-text--grey-50">
|
||
|
||
|
||
|
||
<!-- Post Title -->
|
||
<p class="article-headline-p"><a href="/正则表达式.html">正则表达式</a></p>
|
||
</div>
|
||
|
||
<!-- Post Excerpt -->
|
||
<div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
|
||
|
||
|
||
|
||
|
||
<span>
|
||
<a href="/正则表达式.html" target="_self">阅读全文</a>
|
||
</span>
|
||
</div>
|
||
<!-- Post_entry Info-->
|
||
<div id="post_entry-info">
|
||
<div id="post_entry-left-info" class="mdl-card__supporting-text meta mdl-color-text--grey-600 ">
|
||
<!-- Author Avatar -->
|
||
<div id="author-avatar">
|
||
<img src="/img/avatar.png" width="44px" height="44px" alt="Feax's avatar">
|
||
</div>
|
||
<div>
|
||
<strong>Feax</strong>
|
||
<span>4月 04, 2018</span>
|
||
</div>
|
||
</div>
|
||
<div id="post_entry-right-info">
|
||
|
||
<!-- Category -->
|
||
<span class="post_entry-category">
|
||
<a class="post_category-link" href="/categories/JS/">JS</a>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Post Views -->
|
||
<span class="post_entry-views">
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Index nav -->
|
||
<nav class="material-nav mdl-cell mdl-cell--12-col">
|
||
<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/6/">6</a><a class="extend next" rel="next" href="/page/2/"><button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon"><i class="material-icons" role="presentation">arrow_forward</i></button></a>
|
||
</nav>
|
||
|
||
|
||
|
||
<script type="text/ls-javascript" id="thumbnail-script">
|
||
var randomNum;
|
||
|
||
var locatePost = $('.locate-thumbnail-symbol').next();
|
||
for(var i = 0; i < 10; i++) {
|
||
randomNum = Math.floor(Math.random() * 19 + 1);
|
||
|
||
locatePost.children('.post_thumbnail-random').attr('id', 'random_thumbnail-'+randomNum);
|
||
locatePost.children('.post_thumbnail-random').attr('data-original', '/img/random/material-' + randomNum + '.png');
|
||
$('.post_thumbnail-random').addClass('lazy');
|
||
|
||
locatePost = locatePost.next();
|
||
}
|
||
</script>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<!-- Overlay For Active Sidebar -->
|
||
<div class="sidebar-overlay"></div>
|
||
|
||
<!-- Material sidebar -->
|
||
<aside id="sidebar" class="sidebar sidebar-colored sidebar-fixed-left" role="navigation">
|
||
<div id="sidebar-main">
|
||
<!-- Sidebar Header -->
|
||
<div class="sidebar-header header-cover" style="background-image: url(/img/sidebar_header.png);">
|
||
<!-- Top bar -->
|
||
<div class="top-bar"></div>
|
||
|
||
<!-- Sidebar toggle button -->
|
||
<button type="button" class="sidebar-toggle mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon" style="display: initial;" data-upgraded=",MaterialButton,MaterialRipple">
|
||
<i class="material-icons">clear_all</i>
|
||
<span class="mdl-button__ripple-container">
|
||
<span class="mdl-ripple">
|
||
</span>
|
||
</span>
|
||
</button>
|
||
|
||
<!-- Sidebar Avatar -->
|
||
<div class="sidebar-image">
|
||
<img src="/img/avatar.png" alt="Feax's avatar">
|
||
</div>
|
||
|
||
<!-- Sidebar Email -->
|
||
<a data-toggle="dropdown" class="sidebar-brand" href="#settings-dropdown">
|
||
710328466@qq.com
|
||
<b class="caret"></b>
|
||
</a>
|
||
</div>
|
||
|
||
|
||
<!-- Sidebar Navigation -->
|
||
<ul class="nav sidebar-nav">
|
||
<!-- User dropdown -->
|
||
<li class="dropdown">
|
||
<ul id="settings-dropdown" class="dropdown-menu">
|
||
|
||
<li>
|
||
<a href="710328466@qq.com" target="_blank" title="给我发邮件">
|
||
|
||
<i class="material-icons sidebar-material-icons sidebar-indent-left1pc-element">email</i>
|
||
|
||
给我发邮件
|
||
</a>
|
||
</li>
|
||
|
||
</ul>
|
||
</li>
|
||
|
||
<!-- Homepage -->
|
||
|
||
<li id="sidebar-first-li">
|
||
<a href="/">
|
||
|
||
<i class="material-icons sidebar-material-icons">home</i>
|
||
|
||
主页
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
<!-- Archives -->
|
||
|
||
<li class="dropdown">
|
||
<a href="#" class="ripple-effect dropdown-toggle" data-toggle="dropdown">
|
||
|
||
<i class="material-icons sidebar-material-icons">inbox</i>
|
||
|
||
归档
|
||
<b class="caret"></b>
|
||
</a>
|
||
<ul class="dropdown-menu">
|
||
<li>
|
||
<a class="sidebar_archives-link" href="/archives/2018/06/">六月 2018<span class="sidebar_archives-count">2</span></a></li><li><a class="sidebar_archives-link" href="/archives/2018/05/">五月 2018<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/archives/2018/04/">四月 2018<span class="sidebar_archives-count">7</span></a></li><li><a class="sidebar_archives-link" href="/archives/2018/03/">三月 2018<span class="sidebar_archives-count">3</span></a></li><li><a class="sidebar_archives-link" href="/archives/2018/02/">二月 2018<span class="sidebar_archives-count">2</span></a></li><li><a class="sidebar_archives-link" href="/archives/2018/01/">一月 2018<span class="sidebar_archives-count">5</span></a></li><li><a class="sidebar_archives-link" href="/archives/2017/12/">十二月 2017<span class="sidebar_archives-count">4</span></a></li><li><a class="sidebar_archives-link" href="/archives/2017/11/">十一月 2017<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/archives/2017/10/">十月 2017<span class="sidebar_archives-count">3</span></a></li><li><a class="sidebar_archives-link" href="/archives/2017/09/">九月 2017<span class="sidebar_archives-count">2</span></a></li><li><a class="sidebar_archives-link" href="/archives/2017/08/">八月 2017<span class="sidebar_archives-count">5</span></a></li><li><a class="sidebar_archives-link" href="/archives/2017/07/">七月 2017<span class="sidebar_archives-count">6</span></a></li><li><a class="sidebar_archives-link" href="/archives/2017/06/">六月 2017<span class="sidebar_archives-count">6</span></a></li><li><a class="sidebar_archives-link" href="/archives/2017/04/">四月 2017<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/archives/2017/03/">三月 2017<span class="sidebar_archives-count">3</span></a></li><li><a class="sidebar_archives-link" href="/archives/2017/02/">二月 2017<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/archives/2017/01/">一月 2017<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/archives/2016/11/">十一月 2016<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/archives/2016/08/">八月 2016<span class="sidebar_archives-count">1</span></a>
|
||
</ul>
|
||
</li>
|
||
|
||
|
||
|
||
<!-- Categories -->
|
||
|
||
<li class="dropdown">
|
||
<a href="#" class="ripple-effect dropdown-toggle" data-toggle="dropdown">
|
||
|
||
<i class="material-icons sidebar-material-icons">chrome_reader_mode</i>
|
||
|
||
分类
|
||
<b class="caret"></b>
|
||
</a>
|
||
<ul class="dropdown-menu">
|
||
<li>
|
||
<a class="sidebar_archives-link" href="/categories/CSS/">CSS<span class="sidebar_archives-count">2</span></a></li><li><a class="sidebar_archives-link" href="/categories/HTML/">HTML<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/categories/IDE/">IDE<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/categories/JS/">JS<span class="sidebar_archives-count">4</span></a></li><li><a class="sidebar_archives-link" href="/categories/nodeJS/">nodeJS<span class="sidebar_archives-count">3</span></a></li><li><a class="sidebar_archives-link" href="/categories/storage/">storage<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/categories/vue/">vue<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/categories/web前端/">web前端<span class="sidebar_archives-count">10</span></a></li><li><a class="sidebar_archives-link" href="/categories/web项目/">web项目<span class="sidebar_archives-count">2</span></a></li><li><a class="sidebar_archives-link" href="/categories/代理/">代理<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/categories/博客搭建/">博客搭建<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/categories/安全/">安全<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/categories/数据库/">数据库<span class="sidebar_archives-count">2</span></a></li><li><a class="sidebar_archives-link" href="/categories/服务器/">服务器<span class="sidebar_archives-count">2</span></a></li><li><a class="sidebar_archives-link" href="/categories/本地储存/">本地储存<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/categories/版本管理/">版本管理<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/categories/生活/">生活<span class="sidebar_archives-count">9</span></a></li><li><a class="sidebar_archives-link" href="/categories/自动化/">自动化<span class="sidebar_archives-count">2</span></a></li><li><a class="sidebar_archives-link" href="/categories/阅读/">阅读<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/categories/音乐/">音乐<span class="sidebar_archives-count">7</span></a>
|
||
</ul>
|
||
</li>
|
||
|
||
|
||
|
||
<!-- Pages -->
|
||
|
||
<li>
|
||
<a href="/timeline" title="时间轴">
|
||
|
||
<i class="material-icons sidebar-material-icons">calendar_today</i>
|
||
|
||
时间轴
|
||
</a>
|
||
</li>
|
||
|
||
<li class="divider"></li>
|
||
|
||
|
||
<li>
|
||
<a href="/tags" title="标签">
|
||
|
||
<i class="material-icons sidebar-material-icons">label</i>
|
||
|
||
标签
|
||
</a>
|
||
</li>
|
||
|
||
|
||
<li>
|
||
<a href="/gallery" title="图库">
|
||
|
||
<i class="material-icons sidebar-material-icons">dashboard</i>
|
||
|
||
图库
|
||
</a>
|
||
</li>
|
||
|
||
|
||
<li>
|
||
<a href="/footprint" title="我的足迹">
|
||
|
||
<i class="material-icons sidebar-material-icons">flight</i>
|
||
|
||
我的足迹
|
||
</a>
|
||
</li>
|
||
|
||
|
||
<li>
|
||
<a href="/about" title="关于我">
|
||
|
||
<i class="material-icons sidebar-material-icons">sentiment_satisfied_alt</i>
|
||
|
||
关于我
|
||
</a>
|
||
</li>
|
||
|
||
<li class="divider"></li>
|
||
|
||
|
||
|
||
<!-- Article Number -->
|
||
|
||
<li>
|
||
<a href="/archives">
|
||
文章总数
|
||
<span class="sidebar-badge">55</span>
|
||
</a>
|
||
</li>
|
||
|
||
<li class="divider"></li>
|
||
|
||
|
||
</ul>
|
||
|
||
|
||
<!-- Sidebar Footer -->
|
||
<!--
|
||
I'm glad you use this theme, the development is no so easy, I hope you can keep the copyright, I will thank you so much.
|
||
If you still want to delete the copyrights, could you still retain the first one? Which namely "Theme Material"
|
||
It will not impact the appearance and can give developers a lot of support :)
|
||
|
||
很高兴您使用并喜欢该主题，开发不易 十分谢谢与希望您可以保留一下版权声明。
|
||
如果您仍然想删除的话 能否只保留第一项呢？即 "Theme Material"
|
||
它不会影响美观并可以给开发者很大的支持和动力。 :)
|
||
-->
|
||
|
||
<!-- Sidebar Divider -->
|
||
|
||
|
||
<!-- Theme Material -->
|
||
|
||
|
||
<!-- Help & Support -->
|
||
<!--
|
||
|
||
<a href="mailto:hiviosey@gmail.com" class="sidebar-footer-text-a">
|
||
<div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
|
||
sidebar.help
|
||
<span class="mdl-button__ripple-container">
|
||
<span class="mdl-ripple"></span>
|
||
</span>
|
||
</div>
|
||
</a>
|
||
|
||
-->
|
||
|
||
<!-- Feedback -->
|
||
<!--
|
||
|
||
<a href="https://github.com/viosey/hexo-theme-material/issues" target="_blank" class="sidebar-footer-text-a">
|
||
<div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
|
||
sidebar.feedback
|
||
<span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></div>
|
||
</a>
|
||
|
||
-->
|
||
|
||
<!-- About Theme -->
|
||
<!--
|
||
|
||
-->
|
||
|
||
</div>
|
||
|
||
<!-- Sidebar Image -->
|
||
|
||
|
||
</aside>
|
||
|
||
|
||
|
||
|
||
<!-- Footer Top Button -->
|
||
<div id="back-to-top" class="toTop-wrap">
|
||
<a href="#top" class="toTop">
|
||
<i class="material-icons footer_top-i">expand_less</i>
|
||
</a>
|
||
</div>
|
||
|
||
|
||
|
||
<!--Footer-->
|
||
<footer class="mdl-mini-footer" id="bottom">
|
||
|
||
<!-- Paradox Footer Left Section -->
|
||
<div class="mdl-mini-footer--left-section sns-list">
|
||
<!-- Twitter -->
|
||
|
||
<a href="https://twitter.com/Rockhellbear" target="_blank">
|
||
<button class="mdl-mini-footer--social-btn social-btn footer-sns-twitter">
|
||
<span class="visuallyhidden">Twitter</span>
|
||
</button><!--
|
||
--></a>
|
||
|
||
|
||
<!-- Facebook -->
|
||
|
||
|
||
<!-- Google + -->
|
||
|
||
|
||
<!-- Weibo -->
|
||
|
||
<a href="http://weibo.com/5330486979/fans?topnav=1&wvr=6&mod=message&need_filter=1" target="_blank">
|
||
<button class="mdl-mini-footer--social-btn social-btn footer-sns-weibo">
|
||
<span class="visuallyhidden">Weibo</span>
|
||
</button><!--
|
||
--></a>
|
||
|
||
|
||
<!-- Instagram -->
|
||
|
||
<a href="https://www.instagram.com/jzxer/?hl=zh-cn" target="_blank">
|
||
<button class="mdl-mini-footer--social-btn social-btn footer-sns-instagram">
|
||
<span class="visuallyhidden">Instagram</span>
|
||
</button><!--
|
||
--></a>
|
||
|
||
|
||
<!-- Tumblr -->
|
||
|
||
|
||
<!-- Github -->
|
||
|
||
<a href="https://github.com/j710328466" target="_blank">
|
||
<button class="mdl-mini-footer--social-btn social-btn footer-sns-github">
|
||
<span class="visuallyhidden">Github</span>
|
||
</button><!--
|
||
--></a>
|
||
|
||
|
||
<!-- LinkedIn -->
|
||
|
||
<a href="http://www.linkedin.com/in/%E5%BF%97%E9%9B%84-%E6%B1%9F-338928105/" target="_blank">
|
||
<button class="mdl-mini-footer--social-btn social-btn footer-sns-linkedin">
|
||
<span class="visuallyhidden">LinkedIn</span>
|
||
</button><!--
|
||
--></a>
|
||
|
||
|
||
<!-- Zhihu -->
|
||
|
||
|
||
<!-- Bilibili -->
|
||
|
||
<a href="https://space.bilibili.com/73148384/#/" target="_blank">
|
||
<button class="mdl-mini-footer--social-btn social-btn footer-sns-bilibili">
|
||
<span class="visuallyhidden">Bilibili</span>
|
||
</button><!--
|
||
--></a>
|
||
|
||
|
||
<!-- Telegram -->
|
||
|
||
|
||
<!-- V2EX -->
|
||
|
||
</div>
|
||
|
||
|
||
<!--Copyright-->
|
||
<div id="copyright">
|
||
Copyright © 2016 -<script type="text/javascript">var fd = new Date();document.write(" " + fd.getFullYear() + " ");</script>Feax's Blog
|
||
|
||
<br>
|
||
|
||
<p>爱音乐，爱生活！</p>
|
||
|
||
|
||
</div>
|
||
|
||
<!-- Paradox Footer Right Section -->
|
||
|
||
<!--
|
||
I am glad you use this theme, the development is no so easy, I hope you can keep the copyright.
|
||
It will not impact the appearance and can give developers a lot of support :)
|
||
|
||
很高兴您使用该主题，开发不易，希望您可以保留一下版权声明。
|
||
它不会影响美观并可以给开发者很大的支持。 :)
|
||
-->
|
||
|
||
<div class="mdl-mini-footer--right-section">
|
||
<div>
|
||
<div class="footer-develop-div">Powered by <a href="https://hexo.io" target="_blank" class="footer-develop-a">Hexo</a></div>
|
||
<!-- <div class="footer-develop-div">Theme - <a href="https://github.com/viosey/hexo-theme-material" target="_blank" class="footer-develop-a">Material</a></div> -->
|
||
</div>
|
||
</div>
|
||
|
||
</footer>
|
||
|
||
|
||
<!-- Import JS File -->
|
||
|
||
<script>lsloader.load("lazyload_js","/js/lazyload.min.js?1BcfzuNXqV+ntF6gq+5X3Q==", true)</script>
|
||
|
||
|
||
|
||
<script>lsloader.load("js_js","/js/js.min.js?V/53wGualMuiPM3xoetD5Q==", true)</script>
|
||
|
||
|
||
|
||
<script>lsloader.load("np_js","/js/nprogress.js?pl3Qhb9lvqR1FlyLUna1Yw==", true)</script>
|
||
|
||
|
||
<script type="text/ls-javascript" id="NProgress-script">
|
||
NProgress.configure({
|
||
showSpinner: true
|
||
});
|
||
NProgress.start();
|
||
$('#nprogress .bar').css({
|
||
'background': '#efe8d8'
|
||
});
|
||
$('#nprogress .peg').css({
|
||
'box-shadow': '0 0 10px #efe8d8, 0 0 15px #efe8d8'
|
||
});
|
||
$('#nprogress .spinner-icon').css({
|
||
'border-top-color': '#efe8d8',
|
||
'border-left-color': '#efe8d8'
|
||
});
|
||
setTimeout(function() {
|
||
NProgress.done();
|
||
$('.fade').removeClass('out');
|
||
}, 800);
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script>lsloader.load("sm_js","/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
|
||
|
||
|
||
|
||
|
||
<!-- Leancloud -->
|
||
<script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>
|
||
<script>
|
||
AV.initialize('ONAFtjxhaBqrA7LGAQFYsmUx-gzGzoHsz', 'hUSwCACEEbPBcGUh42RMzy6P');
|
||
</script>
|
||
<script type="text/ls-javascript" id="leancloud-views-script">
|
||
function showTime(Counter) {
|
||
var query = new AV.Query(Counter);
|
||
$('.leancloud-views_num').each(function() {
|
||
var url = $(this).attr('id').trim();
|
||
query.equalTo('url', url);
|
||
query.find({
|
||
success: function(results) {
|
||
if (results.length === 0) {
|
||
var content = '0 ' + $(document.getElementById(url)).text();
|
||
$(document.getElementById(url)).text(content);
|
||
return;
|
||
}
|
||
for (var i = 0; i < results.length; i++) {
|
||
var object = results[i];
|
||
var content = object.get('time') + ' ' + $(document.getElementById(url)).text();
|
||
$(document.getElementById(url)).text(content);
|
||
}
|
||
},
|
||
error: function(object, error) {
|
||
console.log('Error: ' + error.code + ' ' + error.message);
|
||
}
|
||
});
|
||
});
|
||
}
|
||
|
||
function addCount(Counter) {
|
||
var Counter = AV.Object.extend('Counter');
|
||
url = $('.leancloud-views_num').attr('id').trim();
|
||
title = $('.leancloud-views_num').attr('data-flag-title').trim();
|
||
var query = new AV.Query(Counter);
|
||
query.equalTo('url', url);
|
||
query.find({
|
||
success: function(results) {
|
||
if (results.length > 0) {
|
||
var counter = results[0];
|
||
counter.fetchWhenSave(true);
|
||
counter.increment('time');
|
||
counter.save(null, {
|
||
success: function(counter) {
|
||
var content = counter.get('time') + ' ' + $(document.getElementById(url)).text();
|
||
$(document.getElementById(url)).text(content);
|
||
},
|
||
error: function(counter, error) {
|
||
console.log('Failed to save Visitor num, with error message: ' + error.message);
|
||
}
|
||
});
|
||
} else {
|
||
var newcounter = new Counter();
|
||
newcounter.set('title', title);
|
||
newcounter.set('url', url);
|
||
newcounter.set('time', 1);
|
||
newcounter.save(null, {
|
||
success: function(newcounter) {
|
||
console.log('newcounter.get(\'time\')='+newcounter.get('time'));
|
||
var content = newcounter.get('time') + ' ' + $(document.getElementById(url)).text();
|
||
$(document.getElementById(url)).text(content);
|
||
},
|
||
error: function(newcounter, error) {
|
||
console.log('Failed to create');
|
||
}
|
||
});
|
||
}
|
||
},
|
||
error: function(error) {
|
||
console.log('Error:' + error.code + ' ' + error.message);
|
||
}
|
||
});
|
||
}
|
||
$(function() {
|
||
var Counter = AV.Object.extend('Counter');
|
||
if ($('.leancloud-views_num').length === 1) {
|
||
addCount(Counter);
|
||
} else if ($('.post-title-link').length > 1) {
|
||
showTime(Counter);
|
||
}
|
||
});
|
||
</script>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Swiftye -->
|
||
|
||
|
||
<!-- Local Search-->
|
||
|
||
<script type="text/ls-javascript" id="search-local-js-script">
|
||
var searchFunc=function(c,a,b){$.ajax({url:c,dataType:"xml",success:function(e){var d=$("entry",e).map(function(){return{title:$("title",this).text(),content:$("content",this).text(),url:$("url",this).text()}}).get();var g=document.getElementById(a);var f=document.getElementById(b);g.addEventListener("input",function(){var i='<ul class="search-result-list">';var h=this.value.trim().toLowerCase().split(/[\s\-]+/);f.innerHTML="";if(this.value.trim().length<=0){return}d.forEach(function(o){var n=true;var s=[];var t=o.title.trim().toLowerCase();var m=o.content.trim().replace(/<[^>]+>/g,"").toLowerCase();var j=o.url;var u=-1;var q=-1;var p=-1;if(t!==""&&m!==""){h.forEach(function(w,x){u=t.indexOf(w);q=m.indexOf(w);if(u<0&&q<0){n=false}else{if(q<0){q=0}if(x===0){p=q}}})}if(n){i+='<li><a href="'+j+'" class="search-result-title" target="_blank">'+t;var r=o.content.trim().replace(/<[^>]+>/g,"");if(p>=0){var k=p-6;var l=p+6;if(k<0){k=0}if(k===0){l=10}if(l>r.length){l=r.length}var v=r.substr(k,l);h.forEach(function(w){var x=new RegExp(w,"gi");v=v.replace(x,'<em class="search-keyword">'+w+"</em>")});i+='<p class="search-result">'+v+"...</p></a>"}}});f.innerHTML=i})}})};
|
||
</script>
|
||
|
||
|
||
<script type="text/ls-javascript" id="search-input-script">
|
||
var inputArea = document.querySelector('#search');
|
||
var getSearchFile = function() {
|
||
var path = 'search.xml';
|
||
searchFunc(path, 'search', 'local-search-result');
|
||
}
|
||
|
||
if(inputArea) {
|
||
inputArea.onfocus = function() {
|
||
getSearchFile();
|
||
}
|
||
}
|
||
</script>
|
||
|
||
|
||
|
||
<!-- UC Browser Compatible -->
|
||
<script>
|
||
var agent = navigator.userAgent.toLowerCase();
|
||
if(agent.indexOf('ucbrowser')>0) {
|
||
document.write('<link rel="stylesheet" href="/css/uc.css">');
|
||
alert('由于 UC 浏览器使用极旧的内核，而本网站使用了一些新的特性。\n为了您能更好的浏览，推荐使用 Chrome 或 Firefox 浏览器。');
|
||
}
|
||
</script>
|
||
|
||
<!-- Import prettify js -->
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Window Load -->
|
||
<!-- add class for prettify -->
|
||
<script type="text/ls-javascript" id="window-load">
|
||
$(window).on('load', function() {
|
||
// Post_Toc parent position fixed
|
||
$('.post-toc-wrap').parent('.mdl-menu__container').css('position', 'fixed');
|
||
});
|
||
|
||
|
||
|
||
|
||
|
||
</script>
|
||
|
||
<!-- MathJax Load-->
|
||
|
||
|
||
<!-- Bing Background -->
|
||
|
||
|
||
<script type="text/ls-javascript" id="lazy-load">
|
||
// Offer LazyLoad
|
||
queue.offer(function(){
|
||
$('.lazy').lazyload({
|
||
effect : 'show'
|
||
});
|
||
});
|
||
|
||
// Start Queue
|
||
$(document).ready(function(){
|
||
setInterval(function(){
|
||
queue.execNext();
|
||
},200);
|
||
});
|
||
</script>
|
||
|
||
<!-- Custom Footer -->
|
||
|
||
|
||
|
||
<script>
|
||
(function(){
|
||
var scriptList = document.querySelectorAll('script[type="text/ls-javascript"]')
|
||
|
||
for (var i = 0; i < scriptList.length; ++i) {
|
||
var item = scriptList[i];
|
||
lsloader.runInlineScript(item.id,item.id);
|
||
}
|
||
})()
|
||
console.log('\n %c © Material Theme | Version: 1.5.2 | https://github.com/viosey/hexo-theme-material %c \n', 'color:#455a64;background:#e0e0e0;padding:5px 0;border-top-left-radius:5px;border-bottom-left-radius:5px;', 'color:#455a64;background:#e0e0e0;padding:5px 0;border-top-right-radius:5px;border-bottom-right-radius:5px;');
|
||
</script>
|
||
|
||
</main>
|
||
</div>
|
||
</body>
|
||
|
||
</html>
|