PageSourceSearch

https://peter1303.github.io/timeline/

html peter1303.github.io collected 2026-10-03 09:45:15 UTC 51,932 bytes, 1,596 lines download raw bytes

1<!DOCTYPE html>
2<html style="display: none;" lang="zh">
3    
4    
5    <head>
6    <meta charset="utf-8">
7    <!--
8        © Material Theme
9        https://github.com/viosey/hexo-theme-material
10        Version: 1.5.2 -->
11    
11<script>
12        window.materialVersion = "1.5.2"
13        // Delete localstorage with these tags
14        window.oldVersion = [
15            'codestartv1',
16            '1.3.4',
17            '1.4.0',
18            '1.4.0b1',
19            '1.5.0'
20        ]
21    </script>
21
22
23    <!-- dns prefetch -->
24    <meta http-equiv="x-dns-prefetch-control" content="on">
25
26
27    <link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
28
29
30    <link rel="dns-prefetch" href="https://busuanzi.ibruce.info"/>
31
32
33
34
35
36
37
38
39
40
41
42
43    <!-- Meta & Info -->
44    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
45    <meta name="renderer" content="webkit">
46    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
47
48    <!-- Title -->
49    
50    <title>
51        
52            时间轴 | 
53        
54        Peter1303&#39;s Blog
55    </title>
56
57    <!-- Favicons -->
58    <link rel="icon shortcut" type="image/ico" href="/img/avatar.png">
59    <link rel="icon" href="/img/favicon.png">
60
61    <meta name="format-detection" content="telephone=no"/>
62    <meta name="description" itemprop="description" content="分享我的生活点点滴滴">
63    <meta name="keywords" content="">
64    <meta name="theme-color" content="#0097A7">
65
66    <!-- Disable Fucking Bloody Baidu Tranformation -->
67    <meta http-equiv="Cache-Control" content="no-transform" />
68    <meta http-equiv="Cache-Control" content="no-siteapp" />
69
70    <!--[if lte IE 9]>
71        <link rel="stylesheet" href="/css/ie-blocker.css">
72
73        
74            
74<script src="/js/ie-blocker.zhCN.js"></script>
74
75        
76    <![endif]-->
77
78    <!-- Import lsloader -->
79    
79<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>
79
80
81    <!-- Import queue -->
82    
82<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>
82
83
84    <!-- Import CSS -->
85    
86        <style id="material_css"></style>
86<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>
86
87        <style id="style_css"></style>
87<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>
87
88
89        
90            
91        
92
93    
94
95    
96
97    <!-- Config CSS -->
98
99<!-- Other Styles -->
100<style>
101  body, html {
102    font-family: ;
103    overflow-x: hidden !important;
104  }
105  
106  code {
107    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
108  }
109
110  a {
111    color: #00838F;
112  }
113
114  .mdl-card__media,
115  #search-label,
116  #search-form-label:after,
117  #scheme-Paradox .hot_tags-count,
118  #scheme-Paradox .sidebar_archives-count,
119  #scheme-Paradox .sidebar-colored .sidebar-header,
120  #scheme-Paradox .sidebar-colored .sidebar-badge{
121    background-color: #0097A7 !important;
122  }
123
124  /* Sidebar User Drop Down Menu Text Color */
125  #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
126  #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
127    color: #0097A7 !important;
128  }
129
130  #post_entry-right-info,
131  .sidebar-colored .sidebar-nav li:hover > a,
132  .sidebar-colored .sidebar-nav li:hover > a i,
133  .sidebar-colored .sidebar-nav li > a:hover,
134  .sidebar-colored .sidebar-nav li > a:hover i,
135  .sidebar-colored .sidebar-nav li > a:focus i,
136  .sidebar-colored .sidebar-nav > .open > a,
137  .sidebar-colored .sidebar-nav > .open > a:hover,
138  .sidebar-colored .sidebar-nav > .open > a:focus,
139  #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
140    color: #0097A7 !important;
141  }
142
143  .toTop {
144    background: #757575 !important;
145  }
146
147  .material-layout .material-post>.material-nav,
148  .material-layout .material-index>.material-nav,
149  .material-nav a {
150    color: #757575;
151  }
152
153  #scheme-Paradox .MD-burger-layer {
154    background-color: #757575;
155  }
156
157  #scheme-Paradox #post-toc-trigger-btn {
158    color: #757575;
159  }
160
161  .post-toc a:hover {
162    color: #00838F;
163    text-decoration: underline;
164  }
165
166</style>
167
168
169<!-- Theme Background Related-->
170
171    <style>
172      body{
173        background-color: #F5F5F5;
174      }
175
176      /* blog_info bottom background */
177      #scheme-Paradox .material-layout .something-else .mdl-card__supporting-text{
178        background-color: #fff;
179      }
180    </style>
181
182
183
184
185<!-- Fade Effect -->
186
187    <style>
188      .fade {
189        transition: all 800ms linear;
190        -webkit-transform: translate3d(0,0,0);
191        -moz-transform: translate3d(0,0,0);
192        -ms-transform: translate3d(0,0,0);
193        -o-transform: translate3d(0,0,0);
194        transform: translate3d(0,0,0);
195        opacity: 1;
196      }
197
198      .fade.out{
199        opacity: 0;
200      }
201    </style>
202
203
204<!-- Import Font -->
205<!-- Import Roboto -->
206
207    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
208
209
210<!-- Import Material Icons -->
211
212
213    <style id="material_icons"></style>
213<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>
213
214
215
216
217
218    <!-- Import jQuery -->
219    
220        
220<script>lsloader.load("jq_js","/js/jquery.min.js?qcusAULNeBksqffqUM2+Ig==", true)</script>
220
221    
222
223    <!-- WebAPP Icons -->
224    <meta name="mobile-web-app-capable" content="yes">
225    <meta name="application-name" content="Peter1303&#39;s Blog">
226    <meta name="msapplication-starturl" content="https://peter1303.github.io/timeline/">
227    <meta name="msapplication-navbutton-color" content="#0097A7">
228    <meta name="apple-mobile-web-app-capable" content="yes">
229    <meta name="apple-mobile-web-app-title" content="Peter1303&#39;s Blog">
230    <meta name="apple-mobile-web-app-status-bar-style" content="black">
231    <link rel="apple-touch-icon" href="/img/favicon.png">
232
233    <!-- Site Verification -->
234    <meta name="google-site-verification" content="Pter1303" />
235    <meta name="baidu-site-verification" content="Pter1303" />
236
237    <!-- RSS -->
238    
239        
240            <link rel=alternate type="application/atom+xml" href="/atom.xml">
241        
242    
243
244    <!-- The Open Graph protocol -->
245    <meta property="og:url" content="https://peter1303.github.io/timeline/">
246    <meta property="og:type" content="blog">
247    <meta property="og:title" content="时间轴 | Peter1303&#39;s Blog">
248    <meta property="og:image" content="/img/favicon.png">
249    <meta property="og:description" content="分享我的生活点点滴滴">
250    
251
252    
253
254    <!-- The Twitter Card protocol -->
255    <meta name="twitter:card" content="summary_large_image">
256
257    <!-- Add canonical link for SEO -->
258    
259        <link rel="canonical" href="https://peter1303.github.io/timeline/index.html" />
260    
261
262    <!-- Structured-data for SEO -->
263    
264        
265
266
267
268    
269
270    <!-- Analytics -->
271    
272    
273    
274
275    <!-- Custom Head -->
276    
277
278</head>
279
280
281    
282        <body id="scheme-Paradox" class="lazy">
283            <div class="material-layout  mdl-js-layout has-drawer is-upgraded">
284                
285
286                <!-- Main Container -->
287                <main class="material-layout__content" id="main">
288
289                    <!-- Top Anchor -->
290                    <div id="top"></div>
291
292                    
293                        <!-- Hamburger Button -->
294                        <button class="MD-burger-icon sidebar-toggle">
295                            <span class="MD-burger-layer"></span>
296                        </button>
297                    
298
299                    <!-- Post TOC -->
300
301
302<!-- Layouts -->
303
304    <!-- Single Timeline Page -->
305    <style>
306	.md-container {
307		width: 90%;
308		max-width: 1170px;
309		margin: 0 auto;
310	}
311	.md-container::after {
312		content: '';
313		display: table;
314		clear: both;
315	}
316	#md-timeline {
317		position: relative;
318		padding: 2em 0;
319		margin-top: 2em;
320		margin-bottom: 2em;
321	}
322	@media screen and (max-device-width:480px){
323		#md-timeline {
324			margin-top: 6em;
325		}
326	}
327	#md-timeline::before {
328		content: '';
329		position: absolute;
330		top: 0;
331		left: 18px;
332		height: 100%;
333		width: 2px;
334		background: #d7e4ed;
335	}
336	.md-timeline-title {
337		font-size: 20px;
338		line-height: 24px;
339	}
340	.md-timeline-content a {
341		text-decoration: none;
342	}
343	.md-timeline-info {
344		height: 20px;
345		width: 100%;
346		margin: 10px 0px;
347	}
348	.md-timeline-info-span {
349		float: right;
350		margin-right: 10px;
351		text-align: right;
352	}
353	.md-timeline-excerpt {
354	    	clear: right; 
355	}
356	@media only screen and (min-width: 1170px) {
357		#md-timeline {
358			margin-top: 3em;
359			margin-bottom: 3em;
360		}
361		#md-timeline::before {
362			left: 50%;
363			margin-left: -2px;
364		}
365	}
366	.md-timeline-block {
367		position: relative;
368		margin: 2em 0;
369	}
370	.md-timeline-block:after {
371		content: "";
372		display: table;
373		clear: both;
374	}
375	.md-timeline-block:first-child {
376		margin-top: 0;
377	}
378	.md-timeline-block:last-child {
379		margin-bottom: 0;
380	}
381	@media only screen and (min-width: 1170px) {
382		.md-timeline-block {
383			margin: 4em 0;
384		}
385		.md-timeline-block:first-child {
386			margin-top: 0;
387		}
388		.md-timeline-block:last-child {
389			margin-bottom: 0;
390		}
391	}
392	.md-timeline-date {
393		position: absolute;
394		top: 0;
395		left: 0;
396		width: 60px;
397		height: 40px;
398		border-radius: box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
399	}
400	.md-timeline-date.blue {
401		background: #0D395F;
402		-webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.75);
403		-moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.75);
404		box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.75);
405	}
406	@media only screen and (min-width: 1170px) {
407		.md-timeline-date {
408			width: 60px;
409			height: 60px;
410			left: 50%;
411			margin-left: -30px;
412			/* Force Hardware Acceleration in WebKit */
413			-webkit-transform: translateZ(0);
414			-webkit-backface-visibility: hidden;
415		}
416		.cssanimations .md-timeline-date.is-hidden {
417			visibility: hidden;
418		}
419		.cssanimations .md-timeline-date.bounce-in {
420			visibility: visible;
421			-webkit-animation: md-bounce-1 0.6s;
422			-moz-animation: md-bounce-1 0.6s;
423			animation: md-bounce-1 0.6s;
424		}
425	}
426	@-webkit-keyframes md-bounce-1 {
427		0% {
428			opacity: 0;
429			-webkit-transform: scale(0.5);
430		}
431		60% {
432			opacity: 1;
433			-webkit-transform: scale(1.2);
434		}
435		100% {
436			-webkit-transform: scale(1);
437		}
438	}
439	@-moz-keyframes md-bounce-1 {
440		0% {
441			opacity: 0;
442			-moz-transform: scale(0.5);
443		}
444		60% {
445			opacity: 1;
446			-moz-transform: scale(1.2);
447		}
448		100% {
449			-moz-transform: scale(1);
450		}
451	}
452	@keyframes md-bounce-1 {
453		0% {
454			opacity: 0;
455			-webkit-transform: scale(0.5);
456			-moz-transform: scale(0.5);
457			-ms-transform: scale(0.5);
458			-o-transform: scale(0.5);
459			transform: scale(0.5);
460		}
461		60% {
462			opacity: 1;
463			-webkit-transform: scale(1.2);
464			-moz-transform: scale(1.2);
465			-ms-transform: scale(1.2);
466			-o-transform: scale(1.2);
467			transform: scale(1.2);
468		}
469		100% {
470			-webkit-transform: scale(1);
471			-moz-transform: scale(1);
472			-ms-transform: scale(1);
473			-o-transform: scale(1);
474			transform: scale(1);
475		}
476	}
477	.md-timeline-content {
478		position: relative;
479		margin-left: 60px;
480		background: white;
481		padding: 1em;
482		-webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.75);
483		-moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.75);
484		box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.75);
485	}
486	.md-timeline-content:after {
487		content: "";
488		display: table;
489		clear: both;
490	}
491	.md-timeline-content h2 {
492		color: #303e49;
493	}
494	.md-timeline-content p, .md-timeline-content .md-read-more, .md-timeline-content .md-date {
495		font-size: 13px;
496		font-size: 0.8125rem;
497	}
498	.md-timeline-content .md-read-more, .md-timeline-content .md-date {
499		display: inline-block;
500	}
501	.md-timeline-content p {
502		margin: 1em 0;
503		line-height: 1.6;
504	}
505	.md-timeline-content .md-read-more {
506		float: right;
507		padding: .8em 1em;
508		background: #acb7c0;
509		color: white;
510		border-radius: 0.25em;
511	}
512	.md-date {
513		color: white;
514		text-align: center;
515	}
516	.no-touch .md-timeline-content .md-read-more:hover {
517		background-color: #bac4cb;
518	}
519	.md-timeline-content::before {
520		content: '';
521		position: absolute;
522		top: 16px;
523		right: 100%;
524		height: 0;
525		width: 0;
526		border: 7px solid transparent;
527		border-right: 7px solid white;
528	}
529	@media only screen and (min-width: 768px) {
530		.md-timeline-content h2 {
531			font-size: 20px;
532			font-size: 1.25rem;
533		}
534		.md-timeline-content p {
535			font-size: 16px;
536			font-size: 1rem;
537		}
538		.md-timeline-content .md-read-more {
539			font-size: 14px;
540			font-size: 0.875rem;
541		}
542	}
543	@media only screen and (min-width: 1170px) {
544		.md-date {
545			text-align: center;
546			margin-top: 10px;
547			line-height: 20px;
548		}
549		.md-timeline-content {
550			margin-left: 0;
551			padding: 1.6em;
552			width: 45%;
553		}
554		.md-timeline-content::before {
555			top: 24px;
556			left: 100%;
557			border-color: transparent;
558			border-left-color: white;
559		}
560		.md-timeline-content .md-read-more {
561			float: left;
562		}
563		.md-timeline-block:nth-child(even) .md-timeline-content {
564			float: right;
565		}
566		.md-timeline-block:nth-child(even) .md-timeline-content::before {
567			top: 24px;
568			left: auto;
569			right: 100%;
570			border-color: transparent;
571			border-right-color: white;
572		}
573		.md-timeline-block:nth-child(even) .md-timeline-content .md-read-more {
574			float: right;
575		}
576		.cssanimations .md-timeline-content.is-hidden {
577			visibility: hidden;
578		}
579		.cssanimations .md-timeline-content.bounce-in {
580			visibility: visible;
581			-webkit-animation: md-bounce-2 0.6s;
582			-moz-animation: md-bounce-2 0.6s;
583			animation: md-bounce-2 0.6s;
584		}
585	}
586	@media only screen and (min-width: 1170px) {
587		/* inverse bounce effect on even content blocks */
588		.cssanimations .md-timeline-block:nth-child(even) .md-timeline-content.bounce-in {
589			-webkit-animation: md-bounce-2-inverse 0.6s;
590			-moz-animation: md-bounce-2-inverse 0.6s;
591			animation: md-bounce-2-inverse 0.6s;
592		}
593	}
594	@-webkit-keyframes md-bounce-2 {
595		0% {
596			opacity: 0;
597			-webkit-transform: translateX(-100px);
598		}
599		60% {
600			opacity: 1;
601			-webkit-transform: translateX(20px);
602		}
603		100% {
604			-webkit-transform: translateX(0);
605		}
606	}
607	@-moz-keyframes md-bounce-2 {
608		0% {
609			opacity: 0;
610			-moz-transform: translateX(-100px);
611		}
612		60% {
613			opacity: 1;
614			-moz-transform: translateX(20px);
615		}
616		100% {
617			-moz-transform: translateX(0);
618		}
619	}
620	@keyframes md-bounce-2 {
621		0% {
622			opacity: 0;
623			-webkit-transform: translateX(-100px);
624			-moz-transform: translateX(-100px);
625			-ms-transform: translateX(-100px);
626			-o-transform: translateX(-100px);
627			transform: translateX(-100px);
628		}
629		60% {
630			opacity: 1;
631			-webkit-transform: translateX(20px);
632			-moz-transform: translateX(20px);
633			-ms-transform: translateX(20px);
634			-o-transform: translateX(20px);
635			transform: translateX(20px);
636		}
637		100% {
638			-webkit-transform: translateX(0);
639			-moz-transform: translateX(0);
640			-ms-transform: translateX(0);
641			-o-transform: translateX(0);
642			transform: translateX(0);
643		}
644	}
645	@-webkit-keyframes md-bounce-2-inverse {
646		0% {
647			opacity: 0;
648			-webkit-transform: translateX(100px);
649		}
650		60% {
651			opacity: 1;
652			-webkit-transform: translateX(-20px);
653		}
654		100% {
655			-webkit-transform: translateX(0);
656		}
657	}
658	@-moz-keyframes md-bounce-2-inverse {
659		0% {
660			opacity: 0;
661			-moz-transform: translateX(100px);
662		}
663		60% {
664			opacity: 1;
665			-moz-transform: translateX(-20px);
666		}
667		100% {
668			-moz-transform: translateX(0);
669		}
670	}
671	@keyframes md-bounce-2-inverse {
672		0% {
673			opacity: 0;
674			-webkit-transform: translateX(100px);
675			-moz-transform: translateX(100px);
676			-ms-transform: translateX(100px);
677			-o-transform: translateX(100px);
678			transform: translateX(100px);
679		}
680		60% {
681			opacity: 1;
682			-webkit-transform: translateX(-20px);
683			-moz-transform: translateX(-20px);
684			-ms-transform: translateX(-20px);
685			-o-transform: translateX(-20px);
686			transform: translateX(-20px);
687		}
688		100% {
689			-webkit-transform: translateX(0);
690			-moz-transform: translateX(0);
691			-ms-transform: translateX(0);
692			-o-transform: translateX(0);
693			transform: translateX(0);
694		}
695	}
696</style>
697
698<section id="md-timeline" class="md-container">
699   	   		
700			<div class="md-timeline-block">
701                		<div class="md-timeline-date blue">
702                   			<div class="md-date">2月 12 2018</div>
703                		</div>
704
705                		<div class="md-timeline-content">
706                    			<div class="md-timeline-title"><a href="/2018/02/12/MIUI自动打卡/">MIUI自动打卡</a></div>
707					<div class="md-timeline-info">
708						<span class="md-timeline-info-span">Categories:
709							<a class="category-link" href="/categories/技术/">技术</a>, <a class="category-link" href="/categories/技术/教程/">教程</a>
710						</span>
711						<span class="md-timeline-info-span">Tags:
712							<a class="tag-link" href="/tags/技术/">技术</a>
713						</span>
714						
715					</div>
716					<p class="md-timeline-excerpt">
717						
718							
719版权声明:个人原创,转载请声明原作者和来源!
720
721欢迎各位到来的 酷友(如果你是的话...
722						...
723					</p>
724                    		</div>
725			</div>	
726   		
727			<div class="md-timeline-block">
728                		<div class="md-timeline-date blue">
729                   			<div class="md-date">2月 01 2018</div>
730                		</div>
731
732                		<div class="md-timeline-content">
733                    			<div class="md-timeline-title"><a href="/2018/02/01/Android开发中打开支付宝支付/">Android开发中打开支付宝支付</a></div>
734					<div class="md-timeline-info">
735						<span class="md-timeline-info-span">Categories:
736							<a class="category-link" href="/categories/Android/">Android</a>, <a class="category-link" href="/categories/Android/开发/">开发</a>
737						</span>
738						<span class="md-timeline-info-span">Tags:
739							<a class="tag-link" href="/tags/Android/">Android</a>, <a class="tag-link" href="/tags/开发/">开发</a>
740						</span>
741						
742					</div>
743					<p class="md-timeline-excerpt">
744						
745							
746版权声明:个人原创,转载请声明原作者和来源!
747
748相信各位开发者都知道支付宝支付吧?...
749						...
750					</p>
751                    		</div>
752			</div>	
753   		
754			<div class="md-timeline-block">
755                		<div class="md-timeline-date blue">
756                   			<div class="md-date">1月 30 2018</div>
757                		</div>
758
759                		<div class="md-timeline-content">
760                    			<div class="md-timeline-title"><a href="/2018/01/30/电脑上的“黑科技”软件/">电脑上的“黑科技”软件</a></div>
761					<div class="md-timeline-info">
762						<span class="md-timeline-info-span">Categories:
763							<a class="category-link" href="/categories/电脑软件/">电脑软件</a>, <a class="category-link" href="/categories/电脑软件/黑科技/">黑科技</a>
764						</span>
765						<span class="md-timeline-info-span">Tags:
766							<a class="tag-link" href="/tags/电脑软件/">电脑软件</a>, <a class="tag-link" href="/tags/黑科技/">黑科技</a>
767						</span>
768						
769					</div>
770					<p class="md-timeline-excerpt">
771						
772							版权说明:收集自网络并整理
773
774						...
775					</p>
776                    		</div>
777			</div>	
778   		
779			<div class="md-timeline-block">
780                		<div class="md-timeline-date blue">
781                   			<div class="md-date">1月 29 2018</div>
782                		</div>
783
784                		<div class="md-timeline-content">
785                    			<div class="md-timeline-title"><a href="/2018/01/29/中奖啦/">中奖啦</a></div>
786					<div class="md-timeline-info">
787						<span class="md-timeline-info-span">Categories:
788							<a class="category-link" href="/categories/自语/">自语</a>
789						</span>
790						<span class="md-timeline-info-span">Tags:
791							<a class="tag-link" href="/tags/闲聊/">闲聊</a>
792						</span>
793						
794					</div>
795					<p class="md-timeline-excerpt">
796						
797							大家应该都知道 西瓜视频 吧?有一个活动叫做 百万英雄 ,之前一直都没有赢过 (...
798						...
799					</p>
800                    		</div>
801			</div>	
802   		
803			<div class="md-timeline-block">
804                		<div class="md-timeline-date blue">
805                   			<div class="md-date">1月 29 2018</div>
806                		</div>
807
808                		<div class="md-timeline-content">
809                    			<div class="md-timeline-title"><a href="/2018/01/29/手机端-UA-大全/">手机端 UA 大全</a></div>
810					<div class="md-timeline-info">
811						<span class="md-timeline-info-span">Categories:
812							<a class="category-link" href="/categories/技术/">技术</a>
813						</span>
814						<span class="md-timeline-info-span">Tags:
815							<a class="tag-link" href="/tags/技术/">技术</a>
816						</span>
817						
818					</div>
819					<p class="md-timeline-excerpt">
820						
821							
822						...
823					</p>
824                    		</div>
825			</div>	
826   		
827			<div class="md-timeline-block">
828                		<div class="md-timeline-date blue">
829                   			<div class="md-date">1月 29 2018</div>
830                		</div>
831
832                		<div class="md-timeline-content">
833                    			<div class="md-timeline-title"><a href="/2018/01/29/谈谈啥是-UA?/">谈谈啥是 UA?</a></div>
834					<div class="md-timeline-info">
835						<span class="md-timeline-info-span">Categories:
836							<a class="category-link" href="/categories/涨知识/">涨知识</a>
837						</span>
838						<span class="md-timeline-info-span">Tags:
839							<a class="tag-link" href="/tags/涨知识/">涨知识</a>
840						</span>
841						
842					</div>
843					<p class="md-timeline-excerpt">
844						
845							浏览器标识(userAgent 简称 UA)
846可以使得服务器能够识别用户所使用的设备的
847
848操作系统及版本
849						...
850					</p>
851                    		</div>
852			</div>	
853   		
854			<div class="md-timeline-block">
855                		<div class="md-timeline-date blue">
856                   			<div class="md-date">1月 29 2018</div>
857                		</div>
858
859                		<div class="md-timeline-content">
860                    			<div class="md-timeline-title"><a href="/2018/01/29/连接网站的过程/">连接网站的过程</a></div>
861					<div class="md-timeline-info">
862						<span class="md-timeline-info-span">Categories:
863							<a class="category-link" href="/categories/涨知识/">涨知识</a>
864						</span>
865						<span class="md-timeline-info-span">Tags:
866							<a class="tag-link" href="/tags/涨知识/">涨知识</a>
867						</span>
868						
869					</div>
870					<p class="md-timeline-excerpt">
871						
872							每台连接互联网的机器都有一个唯一的 IP 地址
873IP 地址是由4个0到256的数组成的
874由于每台联网的设备的 IP 地址...
875						...
876					</p>
877                    		</div>
878			</div>	
879   		
880			<div class="md-timeline-block">
881                		<div class="md-timeline-date blue">
882                   			<div class="md-date">1月 29 2018</div>
883                		</div>
884
885                		<div class="md-timeline-content">
886                    			<div class="md-timeline-title"><a href="/2018/01/29/QQIP检测/">QQIP检测</a></div>
887					<div class="md-timeline-info">
888						<span class="md-timeline-info-span">Categories:
889							<a class="category-link" href="/categories/分享/">分享</a>
890						</span>
891						<span class="md-timeline-info-span">Tags:
892							<a class="tag-link" href="/tags/软件/">软件</a>, <a class="tag-link" href="/tags/黑科技/">黑科技</a>
893						</span>
894						
895					</div>
896					<p class="md-timeline-excerpt">
897						
898							下载:请前往 “酷安”客户端 下载 :)
899注意:现在已经暂时停止维护了,并且已经下架,后续可能重新开始深度研究开发
900
901						...
902					</p>
903                    		</div>
904			</div>	
905   		
906			<div class="md-timeline-block">
907                		<div class="md-timeline-date blue">
908                   			<div class="md-date">1月 29 2018</div>
909                		</div>
910
911                		<div class="md-timeline-content">
912                    			<div class="md-timeline-title"><a href="/2018/01/29/WIFI密码/">WIFI密码</a></div>
913					<div class="md-timeline-info">
914						<span class="md-timeline-info-span">Categories:
915							<a class="category-link" href="/categories/软件/">软件</a>
916						</span>
917						<span class="md-timeline-info-span">Tags:
918							<a class="tag-link" href="/tags/软件/">软件</a>
919						</span>
920						
921					</div>
922					<p class="md-timeline-excerpt">
923						
924							
925						...
926					</p>
927                    		</div>
928			</div>	
929   		
930			<div class="md-timeline-block">
931                		<div class="md-timeline-date blue">
932                   			<div class="md-date">1月 29 2018</div>
933                		</div>
934
935                		<div class="md-timeline-content">
936                    			<div class="md-timeline-title"><a href="/2018/01/29/WIFI密码Lite/">WIFI密码Lite</a></div>
937					<div class="md-timeline-info">
938						<span class="md-timeline-info-span">Categories:
939							<a class="category-link" href="/categories/软件/">软件</a>, <a class="category-link" href="/categories/软件/开源/">开源</a>
940						</span>
941						<span class="md-timeline-info-span">Tags:
942							<a class="tag-link" href="/tags/软件/">软件</a>
943						</span>
944						
945					</div>
946					<p class="md-timeline-excerpt">
947						
948							
949						...
950					</p>
951                    		</div>
952			</div>	
953   		
954			<div class="md-timeline-block">
955                		<div class="md-timeline-date blue">
956                   			<div class="md-date">1月 29 2018</div>
957                		</div>
958
959                		<div class="md-timeline-content">
960                    			<div class="md-timeline-title"><a href="/2018/01/29/二维码/">二维码</a></div>
961					<div class="md-timeline-info">
962						<span class="md-timeline-info-span">Categories:
963							<a class="category-link" href="/categories/软件/">软件</a>
964						</span>
965						<span class="md-timeline-info-span">Tags:
966							<a class="tag-link" href="/tags/软件/">软件</a>
967						</span>
968						
969					</div>
970					<p class="md-timeline-excerpt">
971						
972							
973						...
974					</p>
975                    		</div>
976			</div>	
977   		
978			<div class="md-timeline-block">
979                		<div class="md-timeline-date blue">
980                   			<div class="md-date">1月 28 2018</div>
981                		</div>
982
983                		<div class="md-timeline-content">
984                    			<div class="md-timeline-title"><a href="/2018/01/28/音乐信息悬浮窗/">音乐信息悬浮窗</a></div>
985					<div class="md-timeline-info">
986						<span class="md-timeline-info-span">Categories:
987							<a class="category-link" href="/categories/软件/">软件</a>
988						</span>
989						<span class="md-timeline-info-span">Tags:
990							<a class="tag-link" href="/tags/软件/">软件</a>
991						</span>
992						
993					</div>
994					<p class="md-timeline-excerpt">
995						
996							
997						...
998					</p>
999                    		</div>
1000			</div>	
1001   		
1002			<div class="md-timeline-block">
1003                		<div class="md-timeline-date blue">
1004                   			<div class="md-date">1月 28 2018</div>
1005                		</div>
1006
1007                		<div class="md-timeline-content">
1008                    			<div class="md-timeline-title"><a href="/2018/01/28/Material-Design配色/">Material Design配色</a></div>
1009					<div class="md-timeline-info">
1010						<span class="md-timeline-info-span">Categories:
1011							<a class="category-link" href="/categories/开发/">开发</a>, <a class="category-link" href="/categories/开发/Android/">Android</a>
1012						</span>
1013						<span class="md-timeline-info-span">Tags:
1014							<a class="tag-link" href="/tags/Android/">Android</a>, <a class="tag-link" href="/tags/开发/">开发</a>
1015						</span>
1016						
1017					</div>
1018					<p class="md-timeline-excerpt">
1019						
1020							
1021						...
1022					</p>
1023                    		</div>
1024			</div>	
1025   		
1026			<div class="md-timeline-block">
1027                		<div class="md-timeline-date blue">
1028                   			<div class="md-date">1月 28 2018</div>
1029                		</div>
1030
1031                		<div class="md-timeline-content">
1032                    			<div class="md-timeline-title"><a href="/2018/01/28/WP对话框/">WP对话框</a></div>
1033					<div class="md-timeline-info">
1034						<span class="md-timeline-info-span">Categories:
1035							<a class="category-link" href="/categories/开源/">开源</a>, <a class="category-link" href="/categories/开源/开发/">开发</a>
1036						</span>
1037						<span class="md-timeline-info-span">Tags:
1038							<a class="tag-link" href="/tags/开发/">开发</a>, <a class="tag-link" href="/tags/开源/">开源</a>
1039						</span>
1040						
1041					</div>
1042					<p class="md-timeline-excerpt">
1043						
1044							仿Windows Phone的对话框
1045
1046						...
1047					</p>
1048                    		</div>
1049			</div>	
1050   		
1051			<div class="md-timeline-block">
1052                		<div class="md-timeline-date blue">
1053                   			<div class="md-date">1月 28 2018</div>
1054                		</div>
1055
1056                		<div class="md-timeline-content">
1057                    			<div class="md-timeline-title"><a href="/2018/01/28/MaterialDialog/">MaterialDialog</a></div>
1058					<div class="md-timeline-info">
1059						<span class="md-timeline-info-span">Categories:
1060							<a class="category-link" href="/categories/开源/">开源</a>
1061						</span>
1062						<span class="md-timeline-info-span">Tags:
1063							<a class="tag-link" href="/tags/开源/">开源</a>
1064						</span>
1065						
1066					</div>
1067					<p class="md-timeline-excerpt">
1068						
1069							这个仿MD风格的对话框应该是史上最轻巧的!
1070
1071						...
1072					</p>
1073                    		</div>
1074			</div>	
1075   		
1076			<div class="md-timeline-block">
1077                		<div class="md-timeline-date blue">
1078                   			<div class="md-date">1月 28 2018</div>
1079                		</div>
1080
1081                		<div class="md-timeline-content">
1082                    			<div class="md-timeline-title"><a href="/2018/01/28/SharedPreferencesHelper/">SharedPreferencesHelper</a></div>
1083					<div class="md-timeline-info">
1084						<span class="md-timeline-info-span">Categories:
1085							<a class="category-link" href="/categories/开源/">开源</a>, <a class="category-link" href="/categories/开源/开发/">开发</a>
1086						</span>
1087						<span class="md-timeline-info-span">Tags:
1088							<a class="tag-link" href="/tags/开发/">开发</a>, <a class="tag-link" href="/tags/开源/">开源</a>
1089						</span>
1090						
1091					</div>
1092					<p class="md-timeline-excerpt">
1093						
1094							一个容易使用、强大的 SharedPreferences 工具类,要求
1095						...
1096					</p>
1097                    		</div>
1098			</div>	
1099   		
1100			<div class="md-timeline-block">
1101                		<div class="md-timeline-date blue">
1102                   			<div class="md-date">1月 28 2018</div>
1103                		</div>
1104
1105                		<div class="md-timeline-content">
1106                    			<div class="md-timeline-title"><a href="/2018/01/28/成功创建博客/">成功创建博客</a></div>
1107					<div class="md-timeline-info">
1108						<span class="md-timeline-info-span">Categories:
1109							<a class="category-link" href="/categories/自语/">自语</a>
1110						</span>
1111						<span class="md-timeline-info-span">Tags:
1112							<a class="tag-link" href="/tags/其他/">其他</a>
1113						</span>
1114						
1115					</div>
1116					<p class="md-timeline-excerpt">
1117						
1118							额,怎么说呢,反正之前有一段时间我就已经想要研究怎么用 Github 来创建一个个人的博客了,可惜当时怎么都是失败的。最终的原因就是没有配置好 ss...
1119						...
1120					</p>
1121                    		</div>
1122			</div>	
1123   			   	  		
1124   	</section>
1125
1126<script type="text/ls-javascript" id="page-timeline-script">
1127    var adjustFooter = function() {
1128        if( ($('#bottom').offset().top + $('#bottom').outerHeight() )<$(window).height() ) {
1129            var footerBottom = $(window).height() - $('#bottom').outerHeight() - $('#bottom').offset().top;
1130            $('#bottom').css('bottom', '-' + footerBottom + 'px');
1131        }
1132    };
1133    $(document).ready(function() {
1134        adjustFooter();
1135    });
1136</script>
1136
1137
1138
1139
1140
1141
1142                    
1143                        <!-- Overlay For Active Sidebar -->
1144<div class="sidebar-overlay"></div>
1145
1146<!-- Material sidebar -->
1147<aside id="sidebar" class="sidebar sidebar-colored sidebar-fixed-left" role="navigation">
1148    <div id="sidebar-main">
1149        <!-- Sidebar Header -->
1150        <div class="sidebar-header header-cover" style="background-image: url(/img/sidebar_header.png);">
1151    <!-- Top bar -->
1152    <div class="top-bar"></div>
1153
1154    <!-- Sidebar toggle button -->
1155    <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">
1156        <i class="material-icons">clear_all</i>
1157        <span class="mdl-button__ripple-container">
1158            <span class="mdl-ripple">
1159            </span>
1160        </span>
1161    </button>
1162
1163    <!-- Sidebar Avatar -->
1164    <div class="sidebar-image">
1165        <img src="/img/avatar.png" alt="Peter1303's avatar">
1166    </div>
1167
1168    <!-- Sidebar Email -->
1169    <a data-toggle="dropdown" class="sidebar-brand" href="#settings-dropdown">
1170        [email protected]
1171        <b class="caret"></b>
1172    </a>
1173</div>
1174
1175
1176        <!-- Sidebar Navigation  -->
1177        <ul class="nav sidebar-nav">
1178    <!-- User dropdown  -->
1179    <li class="dropdown">
1180        <ul id="settings-dropdown" class="dropdown-menu">
1181            
1182                <li>
1183                    <a href="mailto:[email protected]" target="_blank" title="联系我">
1184                        
1185                            <i class="material-icons sidebar-material-icons sidebar-indent-left1pc-element">email</i>
1186                        
1187                        联系我
1188                    </a>
1189                </li>
1190            
1191        </ul>
1192    </li>
1193
1194    <!-- Homepage -->
1195    
1196        <li id="sidebar-first-li">
1197            <a href="/">
1198                
1199                    <i class="material-icons sidebar-material-icons">home</i>
1200                
1201                主页
1202            </a>
1203        </li>
1204        
1205    
1206
1207    <!-- Archives  -->
1208    
1209        <li class="dropdown">
1210            <a href="#" class="ripple-effect dropdown-toggle" data-toggle="dropdown">
1211                
1212                    <i class="material-icons sidebar-material-icons">inbox</i>
1213                
1214                    归档
1215                <b class="caret"></b>
1216            </a>
1217            <ul class="dropdown-menu">
1218            <li>
1219                <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">15</span></a>
1220            </ul>
1221        </li>
1222        
1223    
1224
1225    <!-- Categories  -->
1226    
1227        <li class="dropdown">
1228            <a href="#" class="ripple-effect dropdown-toggle" data-toggle="dropdown">
1229                
1230                    <i class="material-icons sidebar-material-icons">chrome_reader_mode</i>
1231                
1232                分类
1233                <b class="caret"></b>
1234            </a>
1235            <ul class="dropdown-menu">
1236                <li>
1237                <a class="sidebar_archives-link" href="/categories/Android/">Android<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/categories/Android/开发/">开发<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/开发/Android/">Android<span class="sidebar_archives-count">1</span></a></li><li><a class="sidebar_archives-link" href="/categories/开源/">开源<span class="sidebar_archives-count">3</span></a></li><li><a class="sidebar_archives-link" href="/categories/开源/开发/">开发<span class="sidebar_archives-count">2</span></a></li><li>
1237<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">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">2</span></a></li><li><a class="sidebar_archives-link" href="/categories/软件/">软件<span class="sidebar_archives-count">4</span></a></li><li><a class="sidebar_archives-link" href="/categories/软件/开源/">开源<span class="sidebar_archives-count">1</span></a>
1238            </ul>
1239        </li>
1240        
1241    
1242
1243    <!-- Pages  -->
1244    
1245        <li>
1246            <a href="/tags" title="标签">
1247                
1248                    <i class="material-icons sidebar-material-icons">bookmark</i>
1249                
1250                标签
1251            </a>
1252        </li>
1253        
1254    
1255        <li>
1256            <a href="/timeline" title="往历">
1257                
1258                    <i class="material-icons sidebar-material-icons">timeline</i>
1259                
1260                往历
1261            </a>
1262        </li>
1263        
1264            <li class="divider"></li>
1265        
1266    
1267        <li>
1268            <a href="/gallery" title="图库">
1269                
1270                    <i class="material-icons sidebar-material-icons">photo</i>
1271                
1272                图库
1273            </a>
1274        </li>
1275        
1276    
1277        <li>
1278            <a href="/links" title="友链">
1279                
1280                    <i class="material-icons sidebar-material-icons">link</i>
1281                
1282                友链
1283            </a>
1284        </li>
1285        
1286    
1287        <li>
1288            <a href="http://www.coolapk.com/u/461573" title="酷安">
1289                
1290                    <i class="material-icons sidebar-material-icons">shop</i>
1291                
1292                酷安
1293            </a>
1294        </li>
1295        
1296    
1297        <li>
1298            <a href="/about" title="关于">
1299                
1300                    <i class="material-icons sidebar-material-icons">person</i>
1301                
1302                关于
1303            </a>
1304        </li>
1305        
1306    
1307
1308    <!-- Article Number  -->
1309    
1310</ul>
1311
1312
1313        <!-- Sidebar Footer -->
1314        <!--
1315I'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.
1316If you still want to delete the copyrights, could you still retain the first one? Which namely "Theme Material"
1317It will not impact the appearance and can give developers a lot of support :)
1318
1319很高兴您使用并喜欢该主题,开发不易 十分谢谢与希望您可以保留一下版权声明。
1320如果您仍然想删除的话 能否只保留第一项呢?即 "Theme Material"
1321它不会影响美观并可以给开发者很大的支持和动力。 :)
1322-->
1323
1324<!-- Sidebar Divider -->
1325
1326    <div class="sidebar-divider"></div>
1327
1328
1329<!-- Theme Material -->
1330
1331    <a href="https://github.com/viosey/hexo-theme-material"  class="sidebar-footer-text-a" target="_blank">
1332        <div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
1333            主题 - Material
1334            <span class="sidebar-badge badge-circle">i</span>
1335        </div>
1336    </a>
1337
1338
1339<!-- Help & Support -->
1340<!--
1341
1342-->
1343
1344<!-- Feedback -->
1345<!--
1346
1347-->
1348
1349<!-- About Theme -->
1350<!--
1351
1352-->
1353
1354    </div>
1355
1356    <!-- Sidebar Image -->
1357    
1358
1359</aside>
1360
1361                    
1362
1363                    
1364
1365                    <!--Footer-->
1366<footer class="mdl-mini-footer" id="bottom">
1367    
1368        <!-- Paradox Footer Left Section -->
1369        <div class="mdl-mini-footer--left-section sns-list">
1370    <!-- Twitter -->
1371    
1372
1373    <!-- Facebook -->
1374    
1375
1376    <!-- Google + -->
1377    
1378        <a href="https://plus.google.com/u/0/100937383762607051770" target="_blank">
1379            <button class="mdl-mini-footer--social-btn social-btn footer-sns-gplus">
1380                <span class="visuallyhidden">Google Plus</span>
1381            </button><!--
1382     --></a>
1383    
1384
1385    <!-- Weibo -->
1386    
1387        <a href="https://weibo.com/u/2690949517?is_all=1" target="_blank">
1388            <button class="mdl-mini-footer--social-btn social-btn footer-sns-weibo">
1389                <span class="visuallyhidden">Weibo</span>
1390            </button><!--
1391     --></a>
1392    
1393
1394    <!-- Instagram -->
1395    
1396
1397    <!-- Tumblr -->
1398    
1399
1400    <!-- Github -->
1401    
1402        <a href="https://github.com/Peter1303" target="_blank">
1403            <button class="mdl-mini-footer--social-btn social-btn footer-sns-github">
1404                <span class="visuallyhidden">Github</span>
1405            </button><!--
1406     --></a>
1407    
1408
1409    <!-- LinkedIn -->
1410    
1411
1412    <!-- Zhihu -->
1413    
1414
1415    <!-- Bilibili -->
1416    
1417
1418    <!-- Telegram -->
1419    
1420    
1421    <!-- V2EX -->
1422    
1423</div>
1424
1425
1426        <!--Copyright-->
1427        <div id="copyright">
1428            Copyright&nbsp;©&nbsp;2018&nbsp;-
1428<script type="text/javascript">var fd = new Date();document.write("&nbsp;" + fd.getFullYear() + "&nbsp;");</script>
1428Peter1303's Blog
1429            
1430            <div><span id="span_dt_dt"> </span>
1431                
1431<script language="javascript">
1432                    function show_date_time(){
1433                        window.setTimeout("show_date_time()", 1000);
1434                        BirthDay=new Date("1/31/2018 00:23:08");//这个日期是可以修改的
1435                        today = new Date();
1436                        timeold = (today.getTime() - BirthDay.getTime());//其实仅仅改了这里
1437                        sectimeold = timeold/1000
1438                        secondsold = Math.floor(sectimeold);
1439                        msPerDay = 24*60*60*1000
1440                        e_daysold = timeold/msPerDay
1441                        daysold = Math.floor(e_daysold);
1442                        e_hrsold = (e_daysold-daysold)*24;
1443                        hrsold = Math.floor(e_hrsold);
1444                        e_minsold = (e_hrsold-hrsold)*60;
1445                        minsold = Math.floor((e_hrsold-hrsold)*60);
1446                        seconds = Math.floor((e_minsold-minsold)*60);
1447                        span_dt_dt.innerHTML = "已萌萌哒运行" + daysold + "天" + hrsold + "小时" + minsold + "分" + seconds + "秒";
1448            }
1449            show_date_time();
1450        </script>
1450</div>
1451        <div>您是第<span id="busuanzi_value_site_uv"></span>个小伙伴</div>
1452        </div>
1453
1454        <!-- Paradox Footer Right Section -->
1455
1456        <!--
1457        I am glad you use this theme, the development is no so easy, I hope you can keep the copyright.
1458        It will not impact the appearance and can give developers a lot of support :)
1459
1460        很高兴您使用该主题,开发不易,希望您可以保留一下版权声明。
1461        它不会影响美观并可以给开发者很大的支持。 :)
1462        -->
1463
1464        <div class="mdl-mini-footer--right-section">
1465            <div>
1466                <div class="footer-develop-div">Powered by <a href="https://hexo.io" target="_blank" class="footer-develop-a">Hexo</a></div>
1467                <div class="footer-develop-div">Theme - <a href="https://github.com/viosey/hexo-theme-material" target="_blank" class="footer-develop-a">Material</a></div>
1468            </div>
1469        </div>
1470    
1471</footer>
1472
1473
1474                    <!-- Import JS File -->
1475
1476    
1476<script>lsloader.load("lazyload_js","/js/lazyload.min.js?1BcfzuNXqV+ntF6gq+5X3Q==", true)</script>
1476
1477
1478
1479
1480    
1480<script>lsloader.load("js_js","/js/js.min.js?V/53wGualMuiPM3xoetD5Q==", true)</script>
1480
1481
1482
1483
1484    
1484<script>lsloader.load("np_js","/js/nprogress.js?pl3Qhb9lvqR1FlyLUna1Yw==", true)</script>
1484
1485
1486
1487<script type="text/ls-javascript" id="NProgress-script">
1488    NProgress.configure({
1489        showSpinner: true
1490    });
1491    NProgress.start();
1492    $('#nprogress .bar').css({
1493        'background': '#29d'
1494    });
1495    $('#nprogress .peg').css({
1496        'box-shadow': '0 0 10px #29d, 0 0 15px #29d'
1497    });
1498    $('#nprogress .spinner-icon').css({
1499        'border-top-color': '#29d',
1500        'border-left-color': '#29d'
1501    });
1502    setTimeout(function() {
1503        NProgress.done();
1504        $('.fade').removeClass('out');
1505    }, 800);
1506</script>
1506
1507
1508
1509
1510
1511
1512
1513
1514    <!-- Busuanzi -->
1515    
1515<script src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>
1515
1516
1517
1518
1519   
1520
1521
1522
1523
1524
1525<!-- UC Browser Compatible -->
1526<script>
1527	var agent = navigator.userAgent.toLowerCase();
1528	if(agent.indexOf('ucbrowser')>0) {
1529		document.write('<link rel="stylesheet" href="/css/uc.css">');
1530	   alert('由于 UC 浏览器使用极旧的内核,而本网站使用了一些新的特性。\n为了您能更好的浏览,推荐使用 Chrome 或 Firefox 浏览器。');
1531	}
1532</script>
1532
1533
1534<!-- Import prettify js  -->
1535
1536    
1537
1538
1539
1540<!-- Window Load -->
1541<!-- add class for prettify -->
1542<script type="text/ls-javascript" id="window-load">
1543    $(window).on('load', function() {
1544        // Post_Toc parent position fixed
1545        $('.post-toc-wrap').parent('.mdl-menu__container').css('position', 'fixed');
1546    });
1547
1548    
1549        
1550    
1551    
1552</script>
1552
1553
1554<!-- MathJax Load-->
1555
1556
1557<!-- Bing Background -->
1558
1559
1560<script type="text/ls-javascript" id="lazy-load">
1561    // Offer LazyLoad
1562    queue.offer(function(){
1563        $('.lazy').lazyload({
1564            effect : 'show'
1565        });
1566    });
1567
1568    // Start Queue
1569    $(document).ready(function(){
1570        setInterval(function(){
1571            queue.execNext();
1572        },200);
1573    });
1574</script>
1574
1575
1576<!-- Custom Footer -->
1577
1578
1579
1580<script>
1581    (function(){
1582        var scriptList = document.querySelectorAll('script[type="text/ls-javascript"]')
1583
1584        for (var i = 0; i < scriptList.length; ++i) {
1585            var item = scriptList[i];
1586            lsloader.runInlineScript(item.id,item.id);
1587        }
1588    })()
1589console.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;');
1590</script>
1590
1591
1592                </main>
1593            </div>
1594        </body>
1595    
1596</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.