PageSourceSearch

https://yongzhi-lee.github.io/page2/

html yongzhi-lee.github.io collected 2026-10-03 10:13:18 UTC 27,737 bytes, 959 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="utf-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <meta name="google-site-verification" content="xBT4GhYoi5qRD5tr338pgPM5OWHHIDR6mNg1a3euekI" />
8    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
9    <meta name="description" content="这里是 @景诚 的个人博客,与你一起发现更大的世界 ">
10    <meta name="keywords" content="景诚 , 电气 , 杂文 ">
11    <meta name="theme-color" content="#000000">
12
13    <!-- Open Graph -->
14    <meta property="og:title"
15        content="景诚的博客 | LJ Blog">
16    
17    <meta property="og:type" content="website">
18    <meta property="og:description"
19        content="「对未来最大的慷慨是把一切献给现在」">
20    
21    <meta property="og:image" content="/img/avater.jpg">
22    <meta property="og:url" content="/page2/">
23    <meta property="og:site_name" content="景诚的博客 | LJ Blog">
24
25    <title>景诚的博客 | LJ Blog</title>
26
27    <!-- Web App Manifest -->
28    <link rel="manifest" href="/pwa/manifest.json">
29
30    <!-- Favicon -->
31    <link rel="shortcut icon" href="/img/favicon.ico">
32
33    <!-- Canonical URL -->
34    <link rel="canonical" href="/page2/">
35
36    <!-- Bootstrap Core CSS -->
37    <link rel="stylesheet" href=" /css/bootstrap.min.css">
38
39    <!-- Custom CSS -->
40    <link rel="stylesheet" href=" /css/hux-blog.css">
41
42    <!-- Custom Fonts -->
43    <!-- <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"> -->
44    <!-- Hux change font-awesome CDN to qiniu -->
45    <link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet"
46        type="text/css">
47
48
49    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
50    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
51    <!--[if lt IE 9]>
52        
52<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
52
53        
53<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
53
54    <![endif]-->
55
56    <!-- ga & ba script hoook -->
57    
57<script></script>
57
58
59    <!-- Google AdSense -->
60    
60<script data-ad-client="ca-pub-6487568398225121" async
61        src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
61
62</head>
63
64
65<!-- hack iOS CSS :active style -->
66<body ontouchstart="">
67
68    <!-- Navigation -->
69
70    <nav class="navbar navbar-default navbar-custom navbar-fixed-top">
71        
72        <div class="container-fluid">
73            <!-- Brand and toggle get grouped for better mobile display -->
74            <div class="navbar-header page-scroll">
75                <button type="button" class="navbar-toggle">
76                    <span class="sr-only">Toggle navigation</span>
77                    <span class="icon-bar"></span>
78                    <span class="icon-bar"></span>
79                    <span class="icon-bar"></span>
80                </button>
81                <a class="navbar-brand" href="/">景诚</a>
82            </div>
83
84            <!-- Collect the nav links, forms, and other content for toggling -->
85            <div id="huxblog_navbar">
86                <div class="navbar-collapse">
87                    <ul class="nav navbar-nav navbar-right">
88                        <li>
89                            <a href="/">主页</a>
90                        </li>
91                        
92                        
93                        
94                        
95                        <li>
96                            <a href="/about/">关于</a>
97                        </li>
98                        
99                        
100                        
101                        <li>
102                            <a href="/archive/">总览</a>
103                        </li>
104                        
105                        
106                        
107                        
108                        
109                        
110                        
111                        
112                        
113                        
114                        
115                        
116                        <li class="search-icon">
117                            <a href="javascript:void(0)">
118                                <i class="fa fa-search"></i>
119                            </a>
120                        </li>
121                    </ul>
122                </div>
123            </div>
124            <!-- /.navbar-collapse -->
125        </div>
126        <!-- /.container -->
127    </nav>
128
129    
129<script>
130        // Drop Bootstarp low-performance Navbar
131        // Use customize navbar with high-quality material design animation
132        // in high-perf jank-free CSS3 implementation
133        var $body = document.body;
134        var $toggle = document.querySelector('.navbar-toggle');
135        var $navbar = document.querySelector('#huxblog_navbar');
136        var $collapse = document.querySelector('.navbar-collapse');
137
138        var __HuxNav__ = {
139            close: function () {
140                $navbar.className = " ";
141                // wait until animation end.
142                setTimeout(function () {
143                    // prevent frequently toggle
144                    if ($navbar.className.indexOf('in') < 0) {
145                        $collapse.style.height = "0px"
146                    }
147                }, 400)
148            },
149            open: function () {
150                $collapse.style.height = "auto"
151                $navbar.className += " in";
152            }
153        }
154
155        // Bind Event
156        $toggle.addEventListener('click', function (e) {
157            if ($navbar.className.indexOf('in') > 0) {
158                __HuxNav__.close()
159            } else {
160                __HuxNav__.open()
161            }
162        })
163
164        /**
165         * Since Fastclick is used to delegate 'touchstart' globally
166         * to hack 300ms delay in iOS by performing a fake 'click',
167         * Using 'e.stopPropagation' to stop 'touchstart' event from 
168         * $toggle/$collapse will break global delegation.
169         * 
170         * Instead, we use a 'e.target' filter to prevent handler
171         * added to document close HuxNav.  
172         *
173         * Also, we use 'click' instead of 'touchstart' as compromise
174         */
175        document.addEventListener('click', function (e) {
176            if (e.target == $toggle) return;
177            if (e.target.className == 'icon-bar') return;
178            __HuxNav__.close();
179        })
180    </script>
180
181    <!-- Search -->
182<div class="search-page">
183  <div class="search-icon-close-container">
184    <span class="search-icon-close">
185      <i class="fa fa-chevron-down"></i>
186    </span>
187  </div>
188  <div class="search-main container">
189    <div class="row">
190      <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
191        <form></form>
192        <input type="text" id="search-input" placeholder="当时只道是寻常···">
193        </form>
194        <div id="search-results" class="mini-post-list"></div>
195      </div>
196    </div>
197  </div>
198</div>
199
200    <!-- Page Header -->
201
202
203
204<style type="text/css">
205    header.intro-header{
206        position: relative;
207        background-image: url('/img/home.jpg');
208        background: ;
209    }
210
211    
212</style>
213
214
215
216
217
218
219
220<header class="intro-header" style="background-image: url('/img/home.jpg')">
221  <div class="header-mask"></div>
222  <div class="container">
223    <div class="row">
224      <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
225        
226        <div class="site-heading">
227        
228          <h1>景诚</h1>
229          <span class="subheading">「对未来最大的慷慨是把一切献给现在」</span>
230        </div>
231      </div>
232    </div>
233  </div>
234</header>
235
236
237
238<!-- Main Content -->
239<div class="container">
240  <div class="row">
241    
242
243    <!-- USE SIDEBAR -->
244    <!-- PostList Container -->
245    <div class="col-lg-8 col-lg-offset-1 col-md-8 col-md-offset-1 col-sm-12
246      col-xs-12 postlist-container">
247      
248<div class="post-preview">
249    <a href="/2024/05/11/%E5%B0%8F%E7%8E%8B%E5%AD%90/">
250        <h2 class="post-title">
251            小王子
252        </h2>
253        
254        <h3 class="post-subtitle">
255            
256        </h3>
257        
258        <div class="post-content-preview">
259            
260                ✏️情节
261
262  “我”
263  飞机事故,初遇小王子
264    
265      绵羊
266      B612星球概貌
267      故事背景
268      猴面包树
269      四十四次日落
270      花
271      不一样的花(爱慕)
272        
273          骄傲
274          多疑的虚荣心
275          难弄
276          不痛快
277          评判一个人应该看...
278            
279        </div>
280    </a>
281    <p class="post-meta">
282         景诚 发表于 2024-05-11
283    </p>
284</div>
285<hr>
286
287<div class="post-preview">
288    <a href="/2023/08/27/%E5%A4%A9%E7%A9%BA%E4%B9%8B%E5%9F%8E/">
289        <h2 class="post-title">
290            天空之城
291        </h2>
292        
293        <h3 class="post-subtitle">
294            
295        </h3>
296        
297        <div class="post-content-preview">
298            
299                “你相信这世界上有一座晶莹剔透的天空之城吗?”
300
301你可曾想过,你的一生该以何种轨迹向前,人生的结果会是如何。当然,你会感到诧异,过去之事已然发生无法改变,将来之事又尚未可知不能预测,我何谈所谓的人生轨迹,更别提人生结果。但你仔细想想又会发现,读书、工作、成家等等似乎又已经决定好了。你不曾相信所谓的命运之谈,但有时又不得不承认,很多事确实像是注定好的,无法改变——你注定成为一个怎样的人,你的人...
302            
303        </div>
304    </a>
305    <p class="post-meta">
306         景诚 发表于 2023-08-27
307    </p>
308</div>
309<hr>
310
311<div class="post-preview">
312    <a href="/2023/08/21/%E4%B8%8D%E7%9F%A5/">
313        <h2 class="post-title">
314            不知
315        </h2>
316        
317        <h3 class="post-subtitle">
318            
319        </h3>
320        
321        <div class="post-content-preview">
322            
323                别后不知岁月
324
325时间时常给我一种错觉,有些事似乎过了很久,但又仿佛近在咫尺。如今反观这一年,一半挣扎,一半迷茫,还有一缕残思不知如何言明。
326
327一半挣扎
328
329历经些许,终不就,不敢多言。只是而今想起,如良炎先生所言,尚且稚嫩,不尽成熟。曰所言之事皆对,却所行之事皆错。如今想来,犹是醍醐灌顶。
330
331一半迷茫
332
333遭逢疫病,上半如恍惚,弹指即过。日日浑浑噩噩,不知所然。偶有所思,皆难明。下半事物繁重,少...
334            
335        </div>
336    </a>
337    <p class="post-meta">
338         景诚 发表于 2023-08-21
339    </p>
340</div>
341<hr>
342
343<div class="post-preview">
344    <a href="/2023/08/10/%E6%97%A7%E5%9F%8E%E4%BB%A5%E8%A5%BF/">
345        <h2 class="post-title">
346            旧城以西
347        </h2>
348        
349        <h3 class="post-subtitle">
350            
351        </h3>
352        
353        <div class="post-content-preview">
354            
355                当我再次涉足那座旧城,我终于明白,旧城的旧源于旧城的人。
356
357今天和朋友来到一家曾经吃过的自助,我恍然发现上次来已经是一年前了。相似的天气,相似的场景,甚至觉得街流的人群也是那么相似。我走进店里,先拿了一杯西瓜汁,和一年前一样,吃着相似的菜品,竟一时分不清时间。“碰一个吧,祝学业顺利,生活愉快!”我赶忙把自己拉回到现实,举起手中的那杯西瓜汁,向着这座旧城—— 一年前或者是一年后。
358
359吃完饭后和...
360            
361        </div>
362    </a>
363    <p class="post-meta">
364         景诚 发表于 2023-08-10
365    </p>
366</div>
367<hr>
368
369
370<!-- Pager -->
371
372<ul class="pager">
373    
374    <li class="previous">
375        <a href="/">&larr; Newer Posts</a>
376    </li>
377    
378    
379</ul>
380
381
382    </div>
383    <!-- Sidebar Container -->
384    <div class="col-lg-3 col-lg-offset-0 col-md-3 col-md-offset-0 col-sm-12
385      col-xs-12 sidebar-container">
386      <!-- Featured Tags -->
387      <!--
388
389
390
391<section>
392    
393    <h5><a href="/archive/">FEATURED TAGS</a></h5>
394    <div class="tags">
395        
396        
397        
398        
399        
400        
401                <a data-sort="0007" 
402                    href="/archive/?tag=%E6%9D%82%E6%96%87"
403                    title="杂文"
404                    rel="7">杂文</a>
405        
406                <a data-sort="0012" 
407                    href="/archive/?tag=%E5%90%88%E9%9B%86"
408                    title="合集"
409                    rel="2">合集</a>
410        
411                <a data-sort="0012" 
412                    href="/archive/?tag=%E5%B0%8F%E8%AF%B4"
413                    title="小说"
414                    rel="2">小说</a>
415    </div>
416</section>
417
418-->
419
420
421<section>
422    
423    <h5><a href="/archive/">FEATURED TAGS</a></h5>
424    
425    <style>
426        /* 标签容器美化 */
427        .tags-container {
428            display: flex;
429            flex-wrap: wrap;
430            gap: 6px; /* 标签之间的间距 */
431            margin-bottom: 15px;
432        }
433
434        .tags-container a {
435            display: inline-block;
436            padding: 2px 10px;
437            background-color: rgba(0, 0, 0, 0.05); /* 默认淡灰色背景 */
438            color: #666 !important;               /* 默认文字颜色 */
439            border: 1px solid rgba(0, 0, 0, 0.1);
440            border-radius: 4px;                   /* 轻微圆角 */
441            font-size: 12px;
442            text-decoration: none !important;
443            transition: all 0.2s ease-in-out;
444            line-height: 1.6;
445        }
446
447        /* 标签悬停效果 */
448        .tags-container a:hover {
449            background-color: #0085a1;            /* 悬停变为主题青色 */
450            color: #ffffff !important;            /* 文字变白 */
451            border-color: #0085a1;
452            transform: scale(1.05);               /* 轻微放大 */
453            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
454        }
455    </style>
456
457    <div class="tags tags-container">
458        
459        
460        
461        
462        
463                <a data-sort="0007" 
464                    href="/archive/?tag=%E6%9D%82%E6%96%87"
465                    title="杂文"
466                    rel="7">杂文</a>
467        
468                <a data-sort="0012" 
469                    href="/archive/?tag=%E5%90%88%E9%9B%86"
470                    title="合集"
471                    rel="2">合集</a>
472        
473                <a data-sort="0012" 
474                    href="/archive/?tag=%E5%B0%8F%E8%AF%B4"
475                    title="小说"
476                    rel="2">小说</a>
477    </div>
478</section>
479
480
481      <!-- Short About -->
482      <section class="visible-md visible-lg">
483  <hr>
484  <h5><a href="/about/">ABOUT ME</a></h5>
485  <div class="short-about">
486    
487    <img src="/img/avater.jpg" />
488    
489    
490    <p>做一个温柔 <br> 且有力量的人 </p>
491    
492    <!-- SNS Link -->
493    
494
495
496<ul class="list-inline">
497
498
499  
500  
501  <li>
502    <a href="https://www.yuque.com/lj.yq">
503      <span class="fa-stack fa-lg">
504        <i class="fa fa-circle fa-stack-2x"></i>
505        <i class="fa fa-pencil-square-o fa-stack-1x fa-inverse"></i>
506      </span>
507    </a>
508  </li>
509  
510  
511  
512  
513  
514  <li>
515    <a target="_blank" href="https://github.com/Yongzhi-Lee">
516      <span class="fa-stack fa-lg">
517        <i class="fa fa-circle fa-stack-2x"></i>
518        <i class="fa fa-github fa-stack-1x fa-inverse"></i>
519      </span>
520    </a>
521  </li>
522  
523  <li class="wechat-icon">
524    <a href="javascript:void(0);" title="微信公众号">
525      <span class="fa-stack fa-lg">
526        <i class="fa fa-circle fa-stack-2x"></i>
527        <i class="fa fa-weixin fa-stack-1x fa-inverse"></i>
528      </span>
529    </a>
530  
531    <!-- 二维码弹层 -->
532    <div class="wechat-qrcode">
533      <img src="/img/wechat-qrcode.jpg" alt="微信公众号二维码" style="width: 140px !important; height: auto;">
534      <p>扫码关注</p>
535    </div>
536  </li>
537  
538</ul>
539  </div>
540</section>
541
542      <!-- Friends Blog -->
543      <!-- 
544
545<hr>
546<h5>FRIENDS</h5>
547<ul class="list-inline">
548  
549  <li><a href="https://wely.fun/">Wely</a></li>
550  
551</ul>
552
553-->
554
555
556<hr>
557<h5>FRIENDS</h5>
558<style>
559  /* 友情链接容器样式 */
560  .friends-list {
561    padding-left: 0;
562    display: flex;
563    flex-wrap: wrap; /* 自动换行 */
564    gap: 8px;       /* 方块之间的间距 */
565  }
566
567  .friends-list li {
568    list-style: none;
569    margin: 0 !important; /* 清除默认间距 */
570  }
571
572  .friends-list li a {
573    display: inline-block;
574    padding: 4px 12px;
575    background-color: rgba(0, 133, 161, 0.1); /* 轻微的主题青色背景 */
576    color: #0085a1 !important;               /* 文字颜色 */
577    border: 1px solid rgba(0, 133, 161, 0.2);
578    border-radius: 6px;                      /* 圆角方框 */
579    font-size: 13px;
580    text-decoration: none;
581    transition: all 0.3s ease;
582  }
583
584  /* 悬停效果 */
585  .friends-list li a:hover {
586    background-color: #0085a1;               /* 变成实色 */
587    color: #ffffff !important;               /* 文字变白 */
588    transform: translateY(-2px);             /* 向上轻微浮动 */
589    box-shadow: 0 4px 8px rgba(0,0,0,0.1);    /* 添加阴影 */
590    text-decoration: none;
591  }
592</style>
593
594<ul class="friends-list">
595  
596    <li>
597      <a href="https://wely.fun/" target="_blank">Wely</a>
598    </li>
599  
600</ul>
601
602
603      <!-- Ads -->
604      
604<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
604
605<!-- first shot -->
606<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6487568398225121" data-ad-slot="4814308751"
607     data-ad-format="auto" data-full-width-responsive="true"></ins>
608<script>
609     (adsbygoogle = window.adsbygoogle || []).push({});
610</script>
610
611
612    </div>
613    
614  </div>
615</div>
616
617
618<!-- Add support for Mathjax by Voleking-->
619<!-- If you want to see formulars well in post preview, Maybe you should add this.-->
620<!-- However, most of the time formulars may not appear in the post preview, you can delete it.-->
621<script type="text/x-mathjax-config">
622  MathJax.Hub.Config({
623    TeX: {
624      equationNumbers: {
625        autoNumber: "AMS"
626      }
627    },
628    tex2jax: {
629      inlineMath: [ ['$','$'] ],
630      displayMath: [ ['$$','$$'] ],
631      processEscapes: true,
632    }
633  });
634</script>
vendor: 1 bytes, line 634
634
635<script type="text/javascript"
636  src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
636
637
638
639
640    <!-- Footer -->
641<footer>
642    <div class="container">
643        <div class="row">
644            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
645                <!-- SNS Link -->
646                
647
648
649<ul class="list-inline text-center">
650
651
652  
653  
654  <li>
655    <a href="https://www.yuque.com/lj.yq">
656      <span class="fa-stack fa-lg">
657        <i class="fa fa-circle fa-stack-2x"></i>
658        <i class="fa fa-pencil-square-o fa-stack-1x fa-inverse"></i>
659      </span>
660    </a>
661  </li>
662  
663  
664  
665  
666  
667  <li>
668    <a target="_blank" href="https://github.com/Yongzhi-Lee">
669      <span class="fa-stack fa-lg">
670        <i class="fa fa-circle fa-stack-2x"></i>
671        <i class="fa fa-github fa-stack-1x fa-inverse"></i>
672      </span>
673    </a>
674  </li>
675  
676  <li class="wechat-icon">
677    <a href="javascript:void(0);" title="微信公众号">
678      <span class="fa-stack fa-lg">
679        <i class="fa fa-circle fa-stack-2x"></i>
680        <i class="fa fa-weixin fa-stack-1x fa-inverse"></i>
681      </span>
682    </a>
683  
684    <!-- 二维码弹层 -->
685    <div class="wechat-qrcode">
686      <img src="/img/wechat-qrcode.jpg" alt="微信公众号二维码" style="width: 140px !important; height: auto;">
687      <p>扫码关注</p>
688    </div>
689  </li>
690  
691</ul>
692
693                <p class="copyright text-muted">
694                    Copyright &copy; 景诚 2026
695                    <br>
696                    Powered by Hux Blog
697                    <iframe style="margin-left: 2px; margin-bottom:-5px;" frameborder="0" scrolling="0" width="100px"
698                        height="20px"
699                        src="https://ghbtns.com/github-btn.html?user=huxpro&repo=huxpro.github.io&type=star&count=true">
700                    </iframe>
701                </p>
702            </div>
703        </div>
704    </div>
705</footer>
706
707<div id="backTop" title="回到顶部" style="
708    display: none; 
709    position: fixed; 
710    bottom: 80px; 
711    right: 30px; 
712    width: 45px; 
713    height: 45px; 
714    background-color: rgba(0, 0, 0, 0.4); /* 半透明黑色,更高级 */
715    color: #fff; 
716    line-height: 45px; 
717    text-align: center; 
718    border-radius: 8px;      /* 圆角矩形风格,呼应微信二维码 */
719    cursor: pointer; 
720    z-index: 99999; 
721    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* 弹性过渡 */
722">
723    <i class="fa fa-arrow-up" style="font-size: 18px;"></i>
724</div>
725
726<script>
727    document.addEventListener('DOMContentLoaded', function() {
728        var backTop = document.getElementById('backTop');
729        
730        window.addEventListener('scroll', function() {
731            var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
732            if (scrollTop > 400) {
733                backTop.style.display = 'block';
734            } else {
735                backTop.style.display = 'none';
736            }
737        });
738
739        backTop.addEventListener('click', function() {
740            window.scrollTo({ top: 0, behavior: 'smooth' });
741        });
742
743        // 鼠标悬停美化
744        backTop.onmouseover = function() { 
745            this.style.backgroundColor = '#0085a1'; // 变回主题青色
746            this.style.transform = 'scale(1.1)';    // 微放效果
747        };
748        backTop.onmouseout = function() { 
749            this.style.backgroundColor = 'rgba(0, 0, 0, 0.4)'; 
750            this.style.transform = 'scale(1)';
751        };
752    });
753</script>
753
754
755
756<!-- jQuery -->
757<script src="/js/jquery.min.js "></script>
757
758
759<!-- Bootstrap Core JavaScript -->
760<!-- Currently, only navbar scroll-down effect at desktop still depends on this -->
761<script src="/js/bootstrap.min.js "></script>
761
762
763<!-- Custom Theme JavaScript -->
764<script src="/js/hux-blog.min.js "></script>
764
765
766<!-- Simple Jekyll Search -->
767<script src="/js/simple-jekyll-search.min.js"></script>
767
768
769<!-- Service Worker -->
770
771<script src="/js/snackbar.js "></script>
vendor: 1 bytes, line 771
771
772<script src="/js/sw-registration.js "></script>
772
773
774
775<!-- async load function -->
776<script>
777    function async(u, c) {
778        var d = document, t = 'script',
779            o = d.createElement(t),
780            s = d.getElementsByTagName(t)[0];
781        o.src = u;
782        if (c) { o.addEventListener('load', function (e) { c(null, e); }, false); }
783        s.parentNode.insertBefore(o, s);
784    }
785</script>
785
786
787<!--
788     Because of the native support for backtick-style fenced code blocks
789     right within the Markdown is landed in Github Pages,
790     From V1.6, There is no need for Highlight.js,
791     so Huxblog drops it officially.
792
793     - https://github.com/blog/2100-github-pages-now-faster-and-simpler-with-jekyll-3-0
794     - https://help.github.com/articles/creating-and-highlighting-code-blocks/
795     - https://github.com/jneen/rouge/wiki/list-of-supported-languages-and-lexers
796-->
797<!--
798    
798<script>
799        async("http://cdn.bootcss.com/highlight.js/8.6/highlight.min.js", function(){
800            hljs.initHighlightingOnLoad();
801        })
802    </script>
802
803    <link href="http://cdn.bootcss.com/highlight.js/8.6/styles/github.min.css" rel="stylesheet">
804-->
805
806
807
808
809
810
811
812<!--fastClick.js -->
813<script>
814    async("//cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js", function () {
815        var $nav = document.querySelector("nav");
816        if ($nav) FastClick.attach($nav);
817    })
818</script>
818
819
820
821<!-- Google Analytics -->
822
823
824
825<!-- Baidu Tongji -->
826
827
828
829<!-- Side Catalog -->
830
831<script type="text/javascript">
832    function generateCatalog(selector) {
833
834        // interop with multilangual 
835        if ('' == 'true') {
836            _containerSelector = 'div.post-container.active'
837        } else {
838            _containerSelector = 'div.post-container'
839        }
840
841        // init
842        var P = $(_containerSelector), a, n, t, l, i, c;
843        a = P.find('h1,h2,h3,h4,h5,h6');
844
845        // clean
846        $(selector).html('')
847
848        // appending
849        a.each(function () {
850            n = $(this).prop('tagName').toLowerCase();
851            i = "#" + $(this).prop('id');
852            t = $(this).text();
853            c = $('<a href="' + i + '" rel="nofollow">' + t + '</a>');
854            l = $('<li class="' + n + '_nav"></li>').append(c);
855            $(selector).append(l);
856        });
857        return true;
858    }
859
860    generateCatalog(".catalog-body");
861
862    // toggle side catalog
863    $(".catalog-toggle").click((function (e) {
864        e.preventDefault();
865        $('.side-catalog').toggleClass("fold")
866    }))
867
868    /*
869     * Doc: https://github.com/davist11/jQuery-One-Page-Nav
870     * Fork by Hux to support padding
871     */
872    async("/js/jquery.nav.js", function () {
873        $('.catalog-body').onePageNav({
874            currentClass: "active",
875            changeHash: !1,
876            easing: "swing",
877            filter: "",
878            scrollSpeed: 700,
879            scrollOffset: 0,
880            scrollThreshold: .2,
881            begin: null,
882            end: null,
883            scrollChange: null,
884            padding: 80
885        });
886    });
887</script>
887
888
889
890
891<!-- Multi-Lingual -->
892
893
894<!-- Simple Jekyll Search -->
895<script>
896    // https://stackoverflow.com/questions/1912501/unescape-html-entities-in-javascript
897    function htmlDecode(input) {
898        var e = document.createElement('textarea');
899        e.innerHTML = input;
900        // handle case of empty input
901        return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
902    }
903
904    SimpleJekyllSearch({
905        searchInput: document.getElementById('search-input'),
906        resultsContainer: document.getElementById('search-results'),
907        json: '/search.json',
908        searchResultTemplate: '<div class="post-preview item"><a href="{url}"><h2 class="post-title">{title}</h2><h3 class="post-subtitle">{subtitle}</h3><hr></a></div>',
909        noResultsText: 'No results',
910        limit: 50,
911        fuzzy: false,
912        // a hack to get escaped subtitle unescaped. for some reason, 
913        // post.subtitle w/o escape filter nuke entire search.
914        templateMiddleware: function (prop, value, template) {
915            if (prop === 'subtitle' || prop === 'title') {
916                if (value.indexOf("code")) {
917                    return htmlDecode(value);
918                } else {
919                    return value;
920                }
921            }
922        }
923    });
924
925    $(document).ready(function () {
926        var $searchPage = $('.search-page');
927        var $searchOpen = $('.search-icon');
928        var $searchClose = $('.search-icon-close');
929        var $searchInput = $('#search-input');
930        var $body = $('body');
931
932        $searchOpen.on('click', function (e) {
933            e.preventDefault();
934            $searchPage.toggleClass('search-active');
935            var prevClasses = $body.attr('class') || '';
936            setTimeout(function () {
937                $body.addClass('no-scroll');
938            }, 400)
939
940            if ($searchPage.hasClass('search-active')) {
941                $searchClose.on('click', function (e) {
942                    e.preventDefault();
943                    $searchPage.removeClass('search-active');
944                    $body.attr('class', prevClasses);  // from closure 
945                });
946                $searchInput.focus();
947            }
948        });
949    });
950</script>
950
951
952
953<!-- Image to hack wechat -->
954<img src="/img/icon_wechat.png" width="0" height="0" />
955<!-- Migrate from head to bottom, no longer block render and still work -->
956
957</body>
958
959</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.