PageSourceSearch

https://peter1303.github.io/gallery/

html peter1303.github.io collected 2026-10-03 09:45:16 UTC 16,089 bytes, 388 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/gallery/">
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/gallery/">
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/gallery/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        <!-- Single Gallery Page -->
283        
284    <link rel="stylesheet" href="/css/gallery.min.css">
285
286
287<body>
288    <!-- Wrapper -->
289    <div id="wrapper">
290
291        <!-- Header -->
292        <header id="header">
293            <h1>
294                <a href="/"><strong>Peter1303's Blog</strong></a> - 图库
295            </h1>
296            <nav>
297                <ul>
298                    <li>
299                        <a href="#footer" class="icon fa-info-circle">
300                            ©&nbsp;Peter1303
301                        </a>
302                    </li>
303                </ul>
304            </nav>
305        </header>
306
307        <!-- Main -->
308        <div id="main">
309            
310        </div>
311        <!-- Footer -->
312        <!--
313        <footer id="footer" class="panel">
314          <div class="inner split">
315            <div>
316              <section>
317                <h2>Magna feugiat sed adipiscing</h2>
318                <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>
319              </section>
320              <section>
321                <h2>Follow me on ...</h2>
322                <ul class="icons">
323                  <li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
324                  <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
325                  <li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
326                  <li><a href="#" class="icon fa-github"><span class="label">GitHub</span></a></li>
327                  <li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
328                  <li><a href="#" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
329                  <li><a href="#" class="icon fa-telegram"><span class="label">Telegram</span></a></li>
330                </ul>
331              </section>
332              <p class="copyright">
333                &copy; Design: <a href="#">Gallery</a>.
334              </p>
335            </div>
336            <div>
337              <section>
338                <h2>Get in touch</h2>
339                <form method="post" action="#">
340                  <div class="field half first">
341                    <input type="text" name="name" id="name" placeholder="Name" />
342                  </div>
343                  <div class="field half">
344                    <input type="text" name="email" id="email" placeholder="Email" />
345                  </div>
346                  <div class="field">
347                    <textarea name="message" id="message" rows="4" placeholder="Message"></textarea>
348                  </div>
349                  <ul class="actions">
350                    <li><input type="submit" value="Send" class="special" /></li>
351                    <li><input type="reset" value="Reset" /></li>
352                  </ul>
353                </form>
354              </section>
355            </div>
356          </div>
357        </footer>
358        -->
359
360    </div>
361
362    <!-- Scripts -->
363    
364        
364<script src="/js/gallery/gallery.js"></script>
364
365    
366
367    
368        
368<script>lsloader.load("lazyload_js","/js/lazyload.min.js?1BcfzuNXqV+ntF6gq+5X3Q==", true)</script>
368
369    
370
371    
371<script>
372        queue.offer(function(){
373            $('.lazy').lazyload({
374              effect: 'fadeIn',
375              event: 'scrollstop'
376            });
377        })
378        <!-- Start Queue -->
379        $(document).ready(function(){
380            setInterval(function(){
381                queue.execNext();
382            },200);
383        });
384    </script>
384
385</body>
386
387    
388</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.