nicenote/public/gallery/index.html
2018-01-31 16:47:57 +08:00

499 lines
24 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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">
<!-- 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>
gallery |
Jzxer&#39;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="#6C6CE5">
<!-- 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: #0098A6;
}
.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: #0b203a !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: #0b203a !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: #0b203a !important;
}
.toTop {
background: #0b203a !important;
}
.material-layout .material-post>.material-nav,
.material-layout .material-index>.material-nav,
.material-nav a {
color: #0b203a;
}
#scheme-Paradox .MD-burger-layer {
background-color: #0b203a;
}
#scheme-Paradox #post-toc-trigger-btn {
color: #0b203a;
}
.post-toc a:hover {
color: #0098A6;
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="Jzxer&#39;s Blog">
<meta name="msapplication-starturl" content="/gallery/">
<meta name="msapplication-navbutton-color" content="#6C6CE5">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="Jzxer&#39;s Blog">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="apple-touch-icon" href="/img/favicon.png">
<!-- Site Verification -->
<!-- RSS -->
<!-- The Open Graph protocol -->
<meta property="og:url" content="/gallery/">
<meta property="og:type" content="blog">
<meta property="og:title" content="gallery | Jzxer&#39;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="/gallery/index.html" />
<!-- Structured-data for SEO -->
<!-- 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>
<!-- Single Gallery Page -->
<link rel="stylesheet" href="/css/gallery.min.css">
<body>
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<h1>
<a href="/"><strong>Jzxer's Blog</strong></a> - gallery
</h1>
<nav>
<ul>
<li>
<a href="#footer" class="icon fa-info-circle">
©&nbsp;Jzxer
</a>
</li>
</ul>
</nav>
</header>
<!-- Main -->
<div id="main">
<article class="thumb">
<a href="http://orjedzer5.bkt.clouddn.com/psb.jpg" class="image lazy" data-original="http://orjedzer5.bkt.clouddn.com/psb.jpg"><img class="lazy" data-original="http://orjedzer5.bkt.clouddn.com/psb.jpg" alt="木屋乐队合照" /></a>
<h2>木屋乐队合照</h2>
<p>虽然解散,但是曾经拥有</p>
</article>
<article class="thumb">
<a href="http://orjedzer5.bkt.clouddn.com/2.png" class="image lazy" data-original="http://orjedzer5.bkt.clouddn.com/2.png"><img class="lazy" data-original="http://orjedzer5.bkt.clouddn.com/2.png" alt="2017.04.10" /></a>
<h2>2017.04.10</h2>
<p>2014级研一608</p>
</article>
<article class="thumb">
<a href="http://orjedzer5.bkt.clouddn.com/3.jpg" class="image lazy" data-original="http://orjedzer5.bkt.clouddn.com/3.jpg"><img class="lazy" data-original="http://orjedzer5.bkt.clouddn.com/3.jpg" alt="德普" /></a>
<h2>德普</h2>
<p>成功的演员和艺术家</p>
</article>
<article class="thumb">
<a href="http://orjedzer5.bkt.clouddn.com/4.jpg" class="image lazy" data-original="http://orjedzer5.bkt.clouddn.com/4.jpg"><img class="lazy" data-original="http://orjedzer5.bkt.clouddn.com/4.jpg" alt="2017.04.03" /></a>
<h2>2017.04.03</h2>
<p>骑车爬梅岭(作死)</p>
</article>
<article class="thumb">
<a href="http://orjedzer5.bkt.clouddn.com/6.jpg" class="image lazy" data-original="http://orjedzer5.bkt.clouddn.com/6.jpg"><img class="lazy" data-original="http://orjedzer5.bkt.clouddn.com/6.jpg" alt="2017.03.08" /></a>
<h2>2017.03.08</h2>
<p>骑着小黄车去种田</p>
</article>
<article class="thumb">
<a href="http://orjedzer5.bkt.clouddn.com/7.jpg" class="image lazy" data-original="http://orjedzer5.bkt.clouddn.com/7.jpg"><img class="lazy" data-original="http://orjedzer5.bkt.clouddn.com/7.jpg" alt="2017.01.18" /></a>
<h2>2017.01.18</h2>
<p>许多年不见的初中同学</p>
</article>
<article class="thumb">
<a href="http://orjedzer5.bkt.clouddn.com/8.jpg" class="image lazy" data-original="http://orjedzer5.bkt.clouddn.com/8.jpg"><img class="lazy" data-original="http://orjedzer5.bkt.clouddn.com/8.jpg" alt="2016.12.31" /></a>
<h2>2016.12.31</h2>
<p>我的跨年方式</p>
</article>
<article class="thumb">
<a href="http://orjedzer5.bkt.clouddn.com/9.jpg" class="image lazy" data-original="http://orjedzer5.bkt.clouddn.com/9.jpg"><img class="lazy" data-original="http://orjedzer5.bkt.clouddn.com/9.jpg" alt="我的另一半生命" /></a>
<h2>我的另一半生命</h2>
<p>samick GTR橘子epphoneRP155</p>
</article>
<article class="thumb">
<a href="http://orjedzer5.bkt.clouddn.com/10.jpg" class="image lazy" data-original="http://orjedzer5.bkt.clouddn.com/10.jpg"><img class="lazy" data-original="http://orjedzer5.bkt.clouddn.com/10.jpg" alt="三哥" /></a>
<h2>三哥</h2>
<p>记得是初中war3认识的</p>
</article>
<article class="thumb">
<a href="http://orjedzer5.bkt.clouddn.com/12.jpg" class="image lazy" data-original="http://orjedzer5.bkt.clouddn.com/12.jpg"><img class="lazy" data-original="http://orjedzer5.bkt.clouddn.com/12.jpg" alt="2016.10.28" /></a>
<h2>2016.10.28</h2>
<p>英语俱乐部出演</p>
</article>
<article class="thumb">
<a href="http://orjedzer5.bkt.clouddn.com/14.jpg" class="image lazy" data-original="http://orjedzer5.bkt.clouddn.com/14.jpg"><img class="lazy" data-original="http://orjedzer5.bkt.clouddn.com/14.jpg" alt="艰苦的环境" /></a>
<h2>艰苦的环境</h2>
<p>虽艰苦 但快乐</p>
</article>
<article class="thumb">
<a href="http://orjedzer5.bkt.clouddn.com/16.jpg" class="image lazy" data-original="http://orjedzer5.bkt.clouddn.com/16.jpg"><img class="lazy" data-original="http://orjedzer5.bkt.clouddn.com/16.jpg" alt="2016.12.29" /></a>
<h2>2016.12.29</h2>
<p>建筑工程学院表演</p>
</article>
<article class="thumb">
<a href="http://orjedzer5.bkt.clouddn.com/psb%20%281%29.jpg" class="image lazy" data-original="http://orjedzer5.bkt.clouddn.com/psb%20%281%29.jpg"><img class="lazy" data-original="http://orjedzer5.bkt.clouddn.com/psb%20%281%29.jpg" alt="2016.12.30" /></a>
<h2>2016.12.30</h2>
<p>软件信工学院出演</p>
</article>
<article class="thumb">
<a href="http://orjedzer5.bkt.clouddn.com/psb%20%282%29.jpg" class="image lazy" data-original="http://orjedzer5.bkt.clouddn.com/psb%20%282%29.jpg"><img class="lazy" data-original="http://orjedzer5.bkt.clouddn.com/psb%20%282%29.jpg" alt="2016.05.04" /></a>
<h2>2016.05.04</h2>
<p>最后那个就素偶</p>
</article>
<article class="thumb">
<a href="http://orjedzer5.bkt.clouddn.com/psb%20%283%29.jpg" class="image lazy" data-original="http://orjedzer5.bkt.clouddn.com/psb%20%283%29.jpg"><img class="lazy" data-original="http://orjedzer5.bkt.clouddn.com/psb%20%283%29.jpg" alt="2016.01.16" /></a>
<h2>2016.01.16</h2>
<p>赚钱不易 且花且珍惜</p>
</article>
<article class="thumb">
<a href="http://orjedzer5.bkt.clouddn.com/psb%20%285%29.jpg" class="image lazy" data-original="http://orjedzer5.bkt.clouddn.com/psb%20%285%29.jpg"><img class="lazy" data-original="http://orjedzer5.bkt.clouddn.com/psb%20%285%29.jpg" alt="2015.11.05" /></a>
<h2>2015.11.05</h2>
<p>店面装修的时候</p>
</article>
<article class="thumb">
<a href="http://orjedzer5.bkt.clouddn.com/psb%20%286%29.jpg" class="image lazy" data-original="http://orjedzer5.bkt.clouddn.com/psb%20%286%29.jpg"><img class="lazy" data-original="http://orjedzer5.bkt.clouddn.com/psb%20%286%29.jpg" alt="2014.10.18" /></a>
<h2>2014.10.18</h2>
<p>真是一个好天气</p>
</article>
<article class="thumb">
<a href="http://orjedzer5.bkt.clouddn.com/psb%20%287%29.jpg" class="image lazy" data-original="http://orjedzer5.bkt.clouddn.com/psb%20%287%29.jpg"><img class="lazy" data-original="http://orjedzer5.bkt.clouddn.com/psb%20%287%29.jpg" alt="2014.9.25" /></a>
<h2>2014.9.25</h2>
<p>刚进大学就要和外教嘎英语</p>
</article>
<article class="thumb">
<a href="http://orjedzer5.bkt.clouddn.com/psb%20%289%29.jpg" class="image lazy" data-original="http://orjedzer5.bkt.clouddn.com/psb%20%289%29.jpg"><img class="lazy" data-original="http://orjedzer5.bkt.clouddn.com/psb%20%289%29.jpg" alt="2013.06.27" /></a>
<h2>2013.06.27</h2>
<p>鼓浪屿之行</p>
</article>
</div>
<!-- Footer -->
<!--
<footer id="footer" class="panel">
<div class="inner split">
<div>
<section>
<h2>Magna feugiat sed adipiscing</h2>
<p>Nulla consequat, ex ut suscipit rutrum, mi dolor tincidunt erat, et scelerisque turpis ipsum eget quis orci mattis aliquet. Maecenas fringilla et ante at lorem et ipsum. Dolor nulla eu bibendum sapien. Donec non pharetra dui. Nulla consequat, ex ut suscipit rutrum, mi dolor tincidunt erat, et scelerisque turpis ipsum.</p>
</section>
<section>
<h2>Follow me on ...</h2>
<ul class="icons">
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon fa-github"><span class="label">GitHub</span></a></li>
<li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
<li><a href="#" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="#" class="icon fa-telegram"><span class="label">Telegram</span></a></li>
</ul>
</section>
<p class="copyright">
&copy; Design: <a href="#">Gallery</a>.
</p>
</div>
<div>
<section>
<h2>Get in touch</h2>
<form method="post" action="#">
<div class="field half first">
<input type="text" name="name" id="name" placeholder="Name" />
</div>
<div class="field half">
<input type="text" name="email" id="email" placeholder="Email" />
</div>
<div class="field">
<textarea name="message" id="message" rows="4" placeholder="Message"></textarea>
</div>
<ul class="actions">
<li><input type="submit" value="Send" class="special" /></li>
<li><input type="reset" value="Reset" /></li>
</ul>
</form>
</section>
</div>
</div>
</footer>
-->
</div>
<!-- Scripts -->
<script src="/js/gallery/gallery.js"></script>
<script>lsloader.load("lazyload_js","/js/lazyload.min.js?1BcfzuNXqV+ntF6gq+5X3Q==", true)</script>
<script>
queue.offer(function(){
$('.lazy').lazyload({
effect: 'fadeIn',
event: 'scrollstop'
});
})
<!-- Start Queue -->
$(document).ready(function(){
setInterval(function(){
queue.execNext();
},200);
});
</script>
</body>
</html>