PageSourceSearch

https://marcuseddie.github.io/library/

html marcuseddie.github.io collected 2026-10-03 09:33:56 UTC 28,207 bytes, 659 lines download raw bytes

1<!DOCTYPE html>
2<html>
3<head><meta name="generator" content="Hexo 3.9.0">
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="chrome=1">
6    <meta name="google-site-verification" content="I-tP-pxN_zm4opKxF0P8T1R4yQMAPQ7OLMamNToLgTw">
7    
8
9    <title>
10      Library 
11    </title>
12
13    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
14    
15      <meta name="author" content="N.C.Lee">
16    
17    
18
19    <meta name="description" content="2019             瘟疫与人[美]威廉•麦克尼尔 皮囊蔡崇达 自私的基因[英]理查德•道金森 雅尔塔:改变世界格局的八天[美]沙希利•浦洛基 第十三个小时[美]理查德•道许     2018             社会契约论[法]让-雅克•卢梭 必然[美]凯文•凯利 科技想要什么[美]凯文•凯利 失控[美]凯文•凯利 耶路撒冷三千年[英]西蒙•蒙蒂菲奥里          枪炮、病">
20<meta name="keywords" content="Java、Python">
21<meta property="og:type" content="website">
22<meta property="og:title" content="Library">
23<meta property="og:url" content="https://marcuseddie.github.io/library/index.html">
24<meta property="og:site_name" content="Mr.Muzi">
25<meta property="og:description" content="2019             瘟疫与人[美]威廉•麦克尼尔 皮囊蔡崇达 自私的基因[英]理查德•道金森 雅尔塔:改变世界格局的八天[美]沙希利•浦洛基 第十三个小时[美]理查德•道许     2018             社会契约论[法]让-雅克•卢梭 必然[美]凯文•凯利 科技想要什么[美]凯文•凯利 失控[美]凯文•凯利 耶路撒冷三千年[英]西蒙•蒙蒂菲奥里          枪炮、病">
26<meta property="og:locale" content="zh-CN">
27<meta property="og:image" content="https://marcuseddie.github.io/images/Plagues-and-Peoples.png">
28<meta property="og:image" content="https://marcuseddie.github.io/images/pi-nang.png">
29<meta property="og:image" content="https://marcuseddie.github.io/images/The-selfish-gene.png">
30<meta property="og:image" content="https://marcuseddie.github.io/images/Yalta_The_Price_of_Peace.png">
31<meta property="og:image" content="https://marcuseddie.github.io/images/The-13th-Hour.png">
32<meta property="og:image" content="https://marcuseddie.github.io/images/The-Social-Contract.png">
33<meta property="og:image" content="https://marcuseddie.github.io/images/The-inevitable.png">
34<meta property="og:image" content="https://marcuseddie.github.io/images/What-technology-wants.png">
35<meta property="og:image" content="https://marcuseddie.github.io/images/Out-of-control.png">
36<meta property="og:image" content="https://marcuseddie.github.io/images/Jerusalem-the-biography.png">
37<meta property="og:image" content="https://marcuseddie.github.io/images/Guns-germs-and-steel.png">
38<meta property="og:image" content="https://marcuseddie.github.io/images/Jin-ji-de-ju-zuo-qiao-qiao-hua.png">
39<meta property="og:image" content="https://marcuseddie.github.io/images/A-brief-history-of-humankind.png">
40<meta property="og:image" content="https://marcuseddie.github.io/images/Amber.png">
41<meta property="og:image" content="https://marcuseddie.github.io/images/yi-ke-hu-wei-zhong-xin.png">
42<meta property="og:image" content="https://marcuseddie.github.io/images/D-is-for-Digital.png">
43<meta property="og:image" content="https://marcuseddie.github.io/images/The-rise-and-splendour-of-the-chinese-empire.png">
44<meta property="og:image" content="https://marcuseddie.github.io/images/World-War-One-A-Short-History.png">
45<meta property="og:image" content="https://marcuseddie.github.io/images/World-War-Two-The-Dark-Time.png">
46<meta property="og:image" content="https://marcuseddie.github.io/images/Adventures-in-Human-Being.png">
47<meta property="og:image" content="https://marcuseddie.github.io/images/Evicted_Poverty-and-Profit-in-the-American-City.png">
48<meta property="og:image" content="https://marcuseddie.github.io/images/Homo-Deus_A-Brief-History-of-Tomorrow.png">
49<meta property="og:image" content="https://marcuseddie.github.io/images/21-Lessons-for-the-21st-Century.png">
50<meta property="og:image" content="https://marcuseddie.github.io/images/Democracy-in-america.png">
51<meta property="og:image" content="https://marcuseddie.github.io/images/The-crowds.png">
52<meta property="og:image" content="https://marcuseddie.github.io/images/The-naked-ape.png">
53<meta property="og:image" content="https://marcuseddie.github.io/images/The-litter-prince.png">
54<meta property="og:image" content="https://marcuseddie.github.io/images/Catch-22.png">
55<meta property="og:image" content="https://marcuseddie.github.io/images/Galactic-Empire-base-serials.png">
56<meta property="og:image" content="https://marcuseddie.github.io/images/The-god-father.png">
57<meta property="og:image" content="https://marcuseddie.github.io/images/Three-body.png">
58<meta property="og:image" content="https://marcuseddie.github.io/images/Sink-Jiawu.png">
59<meta property="og:image" content="https://marcuseddie.github.io/images/Li-Hongzhang-and-Beiyang-Fleet.png">
60<meta property="og:updated_time" content="2023-11-03T09:11:26.365Z">
61<meta name="twitter:card" content="summary">
62<meta name="twitter:title" content="Library">
63<meta name="twitter:description" content="2019             瘟疫与人[美]威廉•麦克尼尔 皮囊蔡崇达 自私的基因[英]理查德•道金森 雅尔塔:改变世界格局的八天[美]沙希利•浦洛基 第十三个小时[美]理查德•道许     2018             社会契约论[法]让-雅克•卢梭 必然[美]凯文•凯利 科技想要什么[美]凯文•凯利 失控[美]凯文•凯利 耶路撒冷三千年[英]西蒙•蒙蒂菲奥里          枪炮、病">
64<meta name="twitter:image" content="https://marcuseddie.github.io/images/Plagues-and-Peoples.png">
65    
66    
67    
68      <link rel="icon" type="image/x-icon" href="/images/icon_log1.png">
69    
70    <link rel="stylesheet" href="/css/uno.css">
71    <link rel="stylesheet" href="/css/hint.min.css">
72    <link rel="stylesheet" href="/css/highlight.css">
73    <link rel="stylesheet" href="/css/archive.css">
74    <link rel="stylesheet" href="/css/china-social-icon.css">
75    <link rel="stylesheet" href="/css/font-awesome.css">
76    <link rel="stylesheet" href="/css/suspend.css">
77    <link rel="stylesheet" href="/css/popup.css">
78
79</head>
80<body>
81
82    <span class="mobile btn-mobile-menu">
83        <i class="icon icon-list btn-mobile-menu__icon"></i>
84        <i class="icon icon-x-circle btn-mobile-close__icon hidden"></i>
85    </span>
86
87    <div class="suspend">
88      <div class="site-search">
89        <div class="popup">
90          <span class="search-icon fa fa-search"></span>
91          <input type="text" id="local-search-input" placeholder="输入关键字">
92          <div id="local-search-result"></div>
93          <span class="popup-btn-close">close</span>
94        </div>
95      </div>      
96    </div>
97    
98    
99
100  <header class="panel-cover panel-cover--collapsed">
101  
102  
103  
104  
105    <div class="panel-main">
106  
107    
108      <div class="panel-main__inner panel-inverted">
109      <div class="panel-main__content">
110  
111          
112          <a href="/" title="link to homepage for Mr.Muzi"><img src="/images/icon_log1.png" width="80" alt="Mr.Muzi logo" class="panel-cover__logo logo"></a>
113          
114  
115          <h1 class="panel-cover__title panel-title"><a href="/" title="link to homepage">Mr.Muzi</a></h1>
116          <hr class="panel-cover__divider">
117  
118          
119          <p class="panel-cover__description">
120            一只很安静的monkey
121          </p>
122          <hr class="panel-cover__divider panel-cover__divider--secondary">
123          
124  
125          <div class="navigation-wrapper">
126  
127            <nav class="cover-navigation cover-navigation--primary">
128              <ul class="navigation">
129  
130                
131                  
132                  <li class="navigation__item"><a href="/#blog" title class="blog-button">Posts</a></li>
133                
134                  
135                  <li class="navigation__item"><a href="/library" title class>图书馆</a></li>
136                
137                  
138                  <li class="navigation__item"><a href="/archive" title class>归档</a></li>
139                
140                  
141                  <li class="navigation__item"><a href="/en/#blog" title class>英文站</a></li>
142                
143                  
144                  <li class="navigation__item"><a href="/about" title class>关于</a></li>
145                
146  
147              </ul>
148            </nav>
149  
150            <!-- ----------------------------
151To add a new social icon simply duplicate one of the list items from below
152and change the class in the <i> tag to match the desired social network
153and then add your link to the <a>. Here is a full list of social network
154classes that you can use:
155
156    icon-social-500px
157    icon-social-behance
158    icon-social-delicious
159    icon-social-designer-news
160    icon-social-deviant-art
161    icon-social-digg
162    icon-social-dribbble
163    icon-social-facebook
164    icon-social-flickr
165    icon-social-forrst
166    icon-social-foursquare
167    icon-social-github
168    icon-social-google-plus
169    icon-social-hi5
170    icon-social-instagram
171    icon-social-lastfm
172    icon-social-linkedin
173    icon-social-medium
174    icon-social-myspace
175    icon-social-path
176    icon-social-pinterest
177    icon-social-rdio
178    icon-social-reddit
179    icon-social-skype
180    icon-social-spotify
181    icon-social-stack-overflow
182    icon-social-steam
183    icon-social-stumbleupon
184    icon-social-treehouse
185    icon-social-tumblr
186    icon-social-twitter
187    icon-social-vimeo
188    icon-social-xbox
189    icon-social-yelp
190    icon-social-youtube
191    icon-social-zerply
192    icon-mail
193
194-------------------------------->
195
196<!-- add social info here -->
197
198
199
200<nav class="cover-navigation navigation--social">
201  <ul class="navigation">
202
203    
204      <!-- Github -->
205      <li class="navigation__item">
206        <a href="https://github.com/MarcusEddie" title="GitHub">
207          <i class="icon icon-social-github"></i>
208          <span class="label">GitHub</span>
209        </a>
210      </li>
211    
212
213    
214      <!-- Github -->
215      <li class="navigation__item">
216        <a href="javascript:;" class="popup-trigger" title="search">
217          <i class="icon icon-page-search"></i>
218          <span class="label">Search</span>
219        </a>
220      </li>
221    
222
223    <!-- China social icon -->
224    <!--
225    
226      <li class="navigation__item">
227        <a href="" title="">
228          <i class='icon cs-icon-douban'></i>
229          <span class="label">Douban</span>
230        </a>
231      </li>
232
233      <li class="navigation__item">
234        <a href="" title="">
235          <i class='icon cs-icon-weibo'></i>
236          <span class="label">Weibo</span>
237        </a>
238      </li>
239
240    -->
241
242
243
244  </ul>
245</nav>
246
247
248  
249          </div>
250  
251        </div>
252  
253      </div>
254  
255      <div class="panel-cover--overlay"></div>
256    </div>
257  </header>
258
259    <div class="content-wrapper">
260        <div class="content-wrapper__inner entry">
261            
262
263<article class="post-container post-container--single">
264  	<header class="post-header">
265	    <h1 class="post-title"><b>Library</b></h1>
266	    
267  	</header>
268
269  	<section id="post-content" class="article-content post">
270  		
271
272    	<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/hint.css/2.4.1/hint.min.css"><h2 id="2019"><a href="#2019" class="headerlink" title="2019"></a><strong>2019</strong></h2><div class="table-container">
273<table>
274<thead>
275<tr>
276<th style="text-align:center"><img src="/images/Plagues-and-Peoples.png" alt></th>
277<th style="text-align:center"><img src="/images/pi-nang.png" alt></th>
278<th style="text-align:center"><img src="/images/The-selfish-gene.png" alt></th>
279<th style="text-align:center"><img src="/images/Yalta_The_Price_of_Peace.png" alt></th>
280<th style="text-align:center"><img src="/images/The-13th-Hour.png" alt></th>
281</tr>
282</thead>
283<tbody>
284<tr>
285<td style="text-align:center"><strong>瘟疫与人</strong><br>[美]威廉•麦克尼尔</td>
286<td style="text-align:center"><strong>皮囊</strong><br>蔡崇达</td>
287<td style="text-align:center"><strong>自私的基因</strong><br>[英]理查德•道金森</td>
288<td style="text-align:center"><strong>雅尔塔:改变世界格局的八天</strong><br>[美]沙希利•浦洛基</td>
289<td style="text-align:center"><strong>第十三个小时</strong><br>[美]理查德•道许</td>
290</tr>
291</tbody>
292</table>
293</div>
294<h2 id="2018"><a href="#2018" class="headerlink" title="2018"></a><strong>2018</strong></h2><div class="table-container">
295<table>
296<thead>
297<tr>
298<th style="text-align:center"><img src="/images/The-Social-Contract.png" alt></th>
299<th style="text-align:center"><img src="/images/The-inevitable.png" alt></th>
300<th style="text-align:center"><img src="/images/What-technology-wants.png" alt></th>
301<th style="text-align:center"><img src="/images/Out-of-control.png" alt></th>
302<th style="text-align:center"><img src="/images/Jerusalem-the-biography.png" alt></th>
303</tr>
304</thead>
305<tbody>
306<tr>
307<td style="text-align:center"><strong>社会契约论</strong><br>[法]让-雅克•卢梭</td>
308<td style="text-align:center"><strong>必然</strong><br>[美]凯文•凯利</td>
309<td style="text-align:center"><strong>科技想要什么</strong><br>[美]凯文•凯利</td>
310<td style="text-align:center"><strong>失控</strong><br>[美]凯文•凯利</td>
311<td style="text-align:center"><strong>耶路撒冷三千年</strong><br>[英]西蒙•蒙蒂菲奥里</td>
312</tr>
313<tr>
314<td style="text-align:center"><img src="/images/Guns-germs-and-steel.png" alt></td>
315<td style="text-align:center"><img src="/images/Jin-ji-de-ju-zuo-qiao-qiao-hua.png" alt></td>
316<td style="text-align:center"><img src="/images/A-brief-history-of-humankind.png" alt></td>
317<td style="text-align:center"><img src="/images/Amber.png" alt></td>
318<td style="text-align:center"><img src="/images/yi-ke-hu-wei-zhong-xin.png" alt></td>
319</tr>
320<tr>
321<td style="text-align:center"><strong>枪炮、病菌与钢铁</strong><br>[美]贾雷德•戴蒙德</td>
322<td style="text-align:center"><strong>进击的局座:悄悄话</strong><br>[中]张召忠</td>
323<td style="text-align:center"><strong>人类简史</strong><br>[以]尤瓦尔•赫拉利</td>
324<td style="text-align:center"><strong>安珀志S1-S10</strong><br>[美]罗杰•泽拉兹尼</td>
325<td style="text-align:center"><strong>以客户为中心</strong><br>[中]黄卫伟</td>
326</tr>
327<tr>
328<td style="text-align:center"><img src="/images/D-is-for-Digital.png" alt></td>
329<td style="text-align:center"><img src="/images/The-rise-and-splendour-of-the-chinese-empire.png" alt></td>
330<td style="text-align:center"><img src="/images/World-War-One-A-Short-History.png" alt></td>
331<td style="text-align:center"><img src="/images/World-War-Two-The-Dark-Time.png" alt></td>
332<td style="text-align:center"><img src="/images/Adventures-in-Human-Being.png" alt></td>
333</tr>
334<tr>
335<td style="text-align:center"><strong>D is for Digital</strong><br>[美]Brian W•Kernighan</td>
336<td style="text-align:center"><strong>极简中国史</strong><br>[法] 勒内•格鲁塞</td>
337<td style="text-align:center"><strong>一战简史</strong><br>[英] 诺曼•斯通</td>
338<td style="text-align:center"><strong>二战简史</strong><br>[英] 诺曼•斯通</td>
339<td style="text-align:center"><strong>认识身体</strong><br>[英] 加文•弗朗西斯</td>
340</tr>
341<tr>
342<td style="text-align:center"><img src="/images/Evicted_Poverty-and-Profit-in-the-American-City.png" alt></td>
343<td style="text-align:center"><img src="/images/Homo-Deus_A-Brief-History-of-Tomorrow.png" alt></td>
344<td style="text-align:center"><img src="/images/21-Lessons-for-the-21st-Century.png" alt></td>
345<td style="text-align:center">&nbsp;</td>
346<td style="text-align:center">&nbsp;</td>
347</tr>
348<tr>
349<td style="text-align:center"><strong>扫地出门:美国城市<br>的贫穷与暴利</strong><br>[美]马修•德斯蒙德</td>
350<td style="text-align:center"><strong>未来简史</strong><br>[以]尤瓦尔•赫拉利</td>
351<td style="text-align:center"><strong>今日简史</strong><br>[以]尤瓦尔•赫拉利</td>
352<td style="text-align:center">&nbsp;</td>
353<td style="text-align:center">&nbsp;</td>
354</tr>
355</tbody>
356</table>
357</div>
358<h2 id="2017"><a href="#2017" class="headerlink" title="2017"></a><strong>2017</strong></h2><div class="table-container">
359<table>
360<thead>
361<tr>
362<th style="text-align:center"><img src="/images/Democracy-in-america.png" alt></th>
363<th style="text-align:center"><img src="/images/The-crowds.png" alt></th>
364<th style="text-align:center"><img src="/images/The-naked-ape.png" alt></th>
365<th style="text-align:center"><img src="/images/The-litter-prince.png" alt></th>
366<th style="text-align:center"><img src="/images/Catch-22.png" alt></th>
367</tr>
368</thead>
369<tbody>
370<tr>
371<td style="text-align:center"><strong>论美国的民主</strong><br>[法]阿列克西•德•托克维尔</td>
372<td style="text-align:center"><strong>乌合之众</strong><br>[法]古斯塔夫•勒庞</td>
373<td style="text-align:center"><strong>裸猿三部曲</strong><br>[英]德斯蒙德•莫利斯</td>
374<td style="text-align:center"><strong>小王子</strong><br>[法]安东尼•德•圣•埃克苏佩里</td>
375<td style="text-align:center"><strong>第22条军规</strong><br>[美]约瑟夫•海勒</td>
376</tr>
377<tr>
378<td style="text-align:center"><img src="/images/Galactic-Empire-base-serials.png" alt></td>
379<td style="text-align:center"><img src="/images/The-god-father.png" alt></td>
380<td style="text-align:center"><img src="/images/Three-body.png" alt></td>
381<td style="text-align:center"><img src="/images/Sink-Jiawu.png" alt></td>
382<td style="text-align:center"><img src="/images/Li-Hongzhang-and-Beiyang-Fleet.png" alt></td>
383</tr>
384<tr>
385<td style="text-align:center"><strong>银河帝国S1-S15</strong><br>[美] 艾萨克•阿西莫夫</td>
386<td style="text-align:center"><strong>教父三部曲</strong><br>[美]马里奥•普佐</td>
387<td style="text-align:center"><strong>三体三部曲</strong><br>[中]刘慈欣</td>
388<td style="text-align:center"><strong>沉没的甲午</strong><br>[中]陈悦</td>
389<td style="text-align:center"><strong>李鸿章与北洋舰队</strong><br>[中]王家俭</td>
390</tr>
391</tbody>
392</table>
393</div>
394<link rel="stylesheet" href="/css/spoiler.css" type="text/css">
394<script src="/js/spoiler.js" type="text/javascript" async></script>
394
395  	</section>
396  	
397	  	<div>
398		  	
399		</div>
400	    
401	  	<section class="post-comments">
402
403    <!-- 将评论系统(例如Disqus、多说、友言、畅言等)提供的代码片段粘贴在这里 -->
404    
405</section>
406	
407	
408	
408<script>
409	    function createImgEventFullScreen() {
410	        var imgs = $(".post").find("img");
411	        for (var i = 0; i < imgs.length; i++) {
412	            imgs[i].onclick = function (e) {
413	                var ent = e.srcElement ? e.srcElement : e.target; // 兼容ie、Firefox、Chrome等
414	                var src = ent.currentSrc;
415	                var _this = $(this);
416	                createCover(src,_this);
417	            }
418	        }
419	        function createCover(src,_this) {
420	            var cover = $("<div id='outerDiv' style='position:fixed;top:0;left:0;background:rgba(0,0,0,0.9);z-index:900;width:100%;height:100%;display:none;'><div id='innerDiv' style='position:absolute;'><img  id='bigImg' style='border:5px solid #fff;' src=''/></div></div>");
421	            $("#outerDiv").remove();
422	            $("body").append(cover);
423	            imgShow("#outerDiv", "#innerDiv", "#bigImg", _this,src);
424	        }
425	    }
426
427	    function imgShow(outerDiv, innerDiv, bigImg, _this,src) {
428	        $(bigImg).attr("src", src); //设置#bigImg元素的src属性
429	        /*获取当前点击图片的真实大小,并显示弹出层及大图*/
430	        $("<img/>").attr("src", src).load(function () {
431	            var windowW = $(window).width(); //获取当前窗口宽度
432	            var windowH = $(window).height(); //获取当前窗口高度
433	            var realWidth = this.width; //获取图片真实宽度
434	            var realHeight = this.height; //获取图片真实高度
435	            var imgWidth, imgHeight;
436	            var scale = 0.8; //缩放尺寸,当图片真实宽度和高度大于窗口宽度和高度时进行缩放
437
438	            if (realHeight > windowH * scale) { //判断图片高度
439	                imgHeight = windowH * scale; //如大于窗口高度,图片高度进行缩放
440	                imgWidth = imgHeight / realHeight * realWidth; //等比例缩放宽度
441	                if (imgWidth > windowW * scale) { //如宽度仍大于窗口宽度
442	                    imgWidth = windowW * scale; //再对宽度进行缩放
443	                }
444	            } else if (realWidth > windowW * scale) { //如图片高度合适,判断图片宽度
445	                imgWidth = windowW * scale; //如大于窗口宽度,图片宽度进行缩放
446	                imgHeight = imgWidth / realWidth * realHeight; //等比例缩放高度
447	            } else { //如果图片真实高度和宽度都符合要求,高宽不变
448	                imgWidth = realWidth;
449	                imgHeight = realHeight;
450	            }
451	            $(bigImg).css("width", imgWidth); //以最终的宽度对图片缩放
452
453	            var w = (windowW - imgWidth) / 2; //计算图片与窗口左边距
454	            var h = (windowH - imgHeight) / 2; //计算图片与窗口上边距
455	            $(innerDiv).css({ "top": h, "left": w }); //设置#innerDiv的top和left属性
456	            $(outerDiv).fadeIn("fast"); //淡入显示#outerDiv
457	        });
458
459	        $(outerDiv).click(function () { //再次点击淡出消失弹出层
460	            $(this).fadeOut("fast");
461	        });
462	    }
463	    setTimeout(function () {
464	        createImgEventFullScreen();
465	    }, 1000)
466	</script>
466
467</article>
468
469
470            
471
472<footer class="footer">
473
474    <span class="footer__copyright">&copy; 2018-2020. | 由 <a href="https://hexo.io/">Hexo</a> 强力驱动 </span>
475    
476</footer>
477        </div>
478    </div>
479
480    <!-- js files -->
481    
481<script src="/js/jquery.min.js"></script>
481
482    
482<script src="/js/main.js"></script>
482
483    
483<script src="/js/scale.fix.js"></script>
483
484
485    
486    
486<script src="/js/d3@6"></script>
486
487    <!--
488      
488<script src="/js/[email protected]"></script>
488
489    -->
490    
491
492      
492<script type="text/javascript">
493    // Popup Window;
494    var isfetched = false;
495    // Search DB path;
496    var search_path = "search.xml";
497    if (search_path.length == 0) {
498      search_path = "search.xml";
499    }
500    var path = "/" + search_path;
501    // monitor main search box;
502
503    function proceedsearch() {
504      $("body").append('<div class="popoverlay">').css('overflow', 'hidden');
505      $('.popup').toggle();
506    }
507    // search function;
508    var searchFunc = function(path, search_id, content_id) {
509      'use strict';
510      $.ajax({
511        url: path,
512        dataType: "xml",
513        async: true,
514        success: function( xmlResponse ) {
515          // get the contents from search data
516          isfetched = true;
517          var datas = $( "entry", xmlResponse ).map(function() {
518            return {
519              title: $( "title", this ).text(),
520              content: $("content",this).text(),
521              url: $( "url" , this).text()
522            };
523          }).get();
524		  
525          var $input = document.getElementById(search_id);
526          var $resultContent = document.getElementById(content_id);
527		  
528          $input.addEventListener('input', function(){
529            var matchcounts = 0;
530            var str='<ul class=\"search-result-list\">';
531            var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/);
532            $resultContent.innerHTML = "";
533            if (this.value.trim().length > 1) {
534              // perform local searching
535              datas.forEach(function(data) {
536                var isMatch = false;
537                var content_index = [];
538                var data_title = data.title.trim().toLowerCase();
539                var data_content = data.content.trim().replace(/<[^>]+>/g,"").toLowerCase();
540                var data_url = decodeURIComponent(data.url);
541                var index_title = -1;
542                var index_content = -1;
543                var first_occur = -1;
544                // only match artiles with not empty titles and contents
545                if(data_title != '') {
546                  keywords.forEach(function(keyword, i) {
547                    index_title = data_title.indexOf(keyword);
548                    index_content = data_content.indexOf(keyword);
549                    if( index_title >= 0 || index_content >= 0 ){
550                      isMatch = true;
551                      if (i == 0) {
552                        first_occur = index_content;
553                      }
554                    }
555
556                  });
557                }
558                // show search results
559                if (isMatch) {
560                  matchcounts += 1;
561                  str += "<li><a href='"+ data_url +"' class='search-result-title'>"+ data_title +"</a>";
562                  var content = data.content.trim().replace(/<[^>]+>/g,"");
563                  if (first_occur >= 0) {
564                    // cut out 100 characters
565                    var start = first_occur - 20;
566                    var end = first_occur + 80;
567                    if(start < 0){
568                      start = 0;
569                    }
570                    if(start == 0){
571                      end = 50;
572                    }
573                    if(end > content.length){
574                      end = content.length;
575                    }
576                    var match_content = content.substring(start, end);
577                    // highlight all keywords
578                    keywords.forEach(function(keyword){
579                      var regS = new RegExp(keyword, "gi");
580                      match_content = match_content.replace(regS, "<b class=\"search-keyword\">"+keyword+"</b>");
581                    });
582
583                    str += "<p class=\"search-result\">" + match_content +"...</p>"
584                  }
585                  str += "</li>";
586                }
587              })};
588            str += "</ul>";
589            if (matchcounts == 0) { str = '<div id="no-result"><i class="fa fa-frown-o fa-5x" /></div>' }
590            if (keywords == "") { str = '<div id="no-result"><i class="fa fa-search fa-5x" /></div>' }
591            $resultContent.innerHTML = str;
592          });
593          proceedsearch();
594        }
595      });}
596
597    // handle and trigger popup window;
598    $('.popup-trigger').click(function(e) {
599      e.stopPropagation();
600      if (isfetched == false) {
601        searchFunc(path, 'local-search-input', 'local-search-result');
602      } else {
603		isfetched = false;
604        $('.popup').hide();
605		$(".popoverlay").remove();
606		$('body').css('overflow', '');
607      };
608    });
609
610    $('.popup-btn-close').click(function(e){
611	  isfetched = false;
612      $('.popup').hide();
613      $(".popoverlay").remove();
614      $('body').css('overflow', '');
615    });
616    $('.popup').click(function(e){
617      e.stopPropagation();
618    });
619  </script>
619
620
621
622    
623
624    
624<script type="text/javascript" src="/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML"></script>
624
625    
625<script type="text/javascript"> 
626        $(document).ready(function(){
627            MathJax.Hub.Config({ 
628                tex2jax: {inlineMath: [['[latex]','[/latex]'], ['\\(','\\)']]} 
629            });
630        });
631    </script>
631
632
633
634    
635    
636    
637    <!--kill ie6 -->
638<!--[if IE 6]>
639  
639<script src="//letskillie6.googlecode.com/svn/trunk/2/zh_CN.js"></script>
639
640<![endif]-->
641
642<script type="text/x-mathjax-config">
643    MathJax.Hub.Config({
644        tex2jax: {
645            inlineMath: [ ["$","$"], ["\\(","\\)"] ],
646            skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code'],
647            processEscapes: true
648        }
649    });
650    MathJax.Hub.Queue(function() {
651        var all = MathJax.Hub.getAllJax();
652        for (var i = 0; i < all.length; ++i)
653            all[i].SourceElement().parentNode.className += ' has-jax';
654    });
655</script>
655
656<!-- 
656<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML"></script>
656 -->
657<script src="/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML"></script>
657
658</body>
659</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.