https://chenjigeng.github.io/about/

1<!doctype html>
2
3
4
5  
6
7
8<html class="theme-next mist use-motion" lang="zh-Hans">
9<head>
10  <meta charset="UTF-8"/>
11<meta http-equiv="X-UA-Compatible" content="IE=edge" />
12<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
13
14
15
16<meta http-equiv="Cache-Control" content="no-transform" />
17<meta http-equiv="Cache-Control" content="no-siteapp" />
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33  
34  
35  <link href="/lib/fancybox/source/jquery.fancybox.css?v=2.1.5" rel="stylesheet" type="text/css" />
36
37
38
39
40
41
42
43<link href="/lib/font-awesome/css/font-awesome.min.css?v=4.6.2" rel="stylesheet" type="text/css" />
44
45<link href="/css/main.css?v=5.1.0" rel="stylesheet" type="text/css" />
46
47
48  <meta name="keywords" content="Chenjg, Blog" />
49
50
51
52
53
54
55
56
57  <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico?v=5.1.0" />
58
59
60
61
62
63
64<meta name="description" content="作者陈纪庚，前端初学者，目前在腾讯实习,想把自己的一点经验积累下来github: https://github.com/chenjigeng其他博客: http://www.cnblogs.com/chenjg/">
65<meta property="og:type" content="website">
66<meta property="og:title" content="Chenjg&#39;s blog">
67<meta property="og:url" content="http://yoursite.com/about/index.html">
68<meta property="og:site_name" content="Chenjg&#39;s blog">
69<meta property="og:description" content="作者陈纪庚，前端初学者，目前在腾讯实习,想把自己的一点经验积累下来github: https://github.com/chenjigeng其他博客: http://www.cnblogs.com/chenjg/">
70<meta property="og:updated_time" content="2017-07-06T08:15:03.213Z">
71<meta name="twitter:card" content="summary">
72<meta name="twitter:title" content="Chenjg&#39;s blog">
73<meta name="twitter:description" content="作者陈纪庚，前端初学者，目前在腾讯实习,想把自己的一点经验积累下来github: https://github.com/chenjigeng其他博客: http://www.cnblogs.com/chenjg/">
74
75
76

77<script type="text/javascript" id="hexo.configurations">
78  var NexT = window.NexT || {};
79  var CONFIG = {
80    root: '/',
81    scheme: 'Mist',
82    sidebar: {"position":"left","display":"post","offset":12,"offset_float":0,"b2t":false,"scrollpercent":false},
83    fancybox: true,
84    motion: true,
85    duoshuo: {
86      userId: '0',
87      author: '博主'
88    },
89    algolia: {
90      applicationID: '',
91      apiKey: '',
92      indexName: '',
93      hits: {"per_page":10},
94      labels: {"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}
95    }
96  };
97</script>

97
98
99
100
101  <link rel="canonical" href="http://yoursite.com/about/"/>
102
103
104
105
106
107  <title>
108  
109
110  
111     | Chenjg's blog
112  
113</title>
114</head>
115
116<body itemscope itemtype="http://schema.org/WebPage" lang="zh-Hans">
117
118  
119
120
121
122
123
124  

124<script type="text/javascript">
125    var _hmt = _hmt || [];
126    (function() {
127      var hm = document.createElement("script");
128      hm.src = "https://hm.baidu.com/hm.js?66de8c33b403f316b10d2cce12c440db";
129      var s = document.getElementsByTagName("script")[0];
130      s.parentNode.insertBefore(hm, s);
131    })();
132  </script>

132
133
134
135
136
137
138
139
140
141
142
143  
144  
145    
146  
147
148  <div class="container sidebar-position-left  ">
149    <div class="headband"></div>
150
151    <header id="header" class="header" itemscope itemtype="http://schema.org/WPHeader">
152      <div class="header-inner"><div class="site-brand-wrapper">
153  <div class="site-meta ">
154    
155
156    <div class="custom-logo-site-title">
157      <a href="/"  class="brand" rel="start">
158        <span class="logo-line-before"><i></i></span>
159        <span class="site-title">Chenjg's blog</span>
160        <span class="logo-line-after"><i></i></span>
161      </a>
162    </div>
163      
164        <p class="site-subtitle"></p>
165      
166  </div>
167
168  <div class="site-nav-toggle">
169    <button>
170      <span class="btn-bar"></span>
171      <span class="btn-bar"></span>
172      <span class="btn-bar"></span>
173    </button>
174  </div>
175</div>
176
177<nav class="site-nav">
178  
179
180  
181    <ul id="menu" class="menu">
182      
183        
184        <li class="menu-item menu-item-home">
185          <a href="/" rel="section">
186            
187              <i class="menu-item-icon fa fa-fw fa-home"></i> <br />
188            
189            首页
190          </a>
191        </li>
192      
193        
194        <li class="menu-item menu-item-about">
195          <a href="/about" rel="section">
196            
197              <i class="menu-item-icon fa fa-fw fa-user"></i> <br />
198            
199            关于
200          </a>
201        </li>
202      
203        
204        <li class="menu-item menu-item-archives">
205          <a href="/archives" rel="section">
206            
207              <i class="menu-item-icon fa fa-fw fa-archive"></i> <br />
208            
209            归档
210          </a>
211        </li>
212      
213        
214        <li class="menu-item menu-item-tags">
215          <a href="/tags" rel="section">
216            
217              <i class="menu-item-icon fa fa-fw fa-tags"></i> <br />
218            
219            标签
220          </a>
221        </li>
222      
223        
224        <li class="menu-item menu-item-commonweal">
225          <a href="/404.html" rel="section">
226            
227              <i class="menu-item-icon fa fa-fw fa-heartbeat"></i> <br />
228            
229            公益404
230          </a>
231        </li>
232      
233
234      
235    </ul>
236  
237
238  
239</nav>
240
241
242
243 </div>
244    </header>
245
246    <main id="main" class="main">
247      <div class="main-inner">
248        <div class="content-wrap">
249          <div id="content" class="content">
250            
251
252  <div id="posts" class="posts-expand">
253  <header class="post-header">
254
255	<h1 class="post-title" itemprop="name headline"></h1>
256
257
258
259</header>
260
261    
262    
263      <h3 id="作者"><a href="#作者" class="headerlink" title="作者"></a>作者</h3><p>陈纪庚，前端初学者，目前在腾讯实习,想把自己的一点经验积累下来<br>github: <a href="https://github.com/chenjigeng" target="_blank" rel="external">https://github.com/chenjigeng</a><br>其他博客: <a href="http://www.cnblogs.com/chenjg/" target="_blank" rel="external">http://www.cnblogs.com/chenjg/</a></p>
264
265    
266  </div>
267
268
269          </div>
270          
271
272
273          
274  <div class="comments" id="comments">
275    
276  </div>
277
278
279        </div>
280        
281          
282  
283  <div class="sidebar-toggle">
284    <div class="sidebar-toggle-line-wrap">
285      <span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
286      <span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
287      <span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
288    </div>
289  </div>
290
291  <aside id="sidebar" class="sidebar">
292    <div class="sidebar-inner">
293
294      
295
296      
297
298      <section class="site-overview sidebar-panel sidebar-panel-active">
299        <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
300          <img class="site-author-image" itemprop="image"
301               src="/images/avatar.gif"
302               alt="Chenjg" />
303          <p class="site-author-name" itemprop="name">Chenjg</p>
304           
305              <p class="site-description motion-element" itemprop="description">keep coding</p>
306          
307        </div>
308        <nav class="site-state motion-element">
309
310          
311            <div class="site-state-item site-state-posts">
312              <a href="/archives">

313                <span class="site-state-item-count">5</span>
314                <span class="site-state-item-name">日志</span>
315              </a>
316            </div>
317          
318
319          
320
321          
322            
323            
324            <div class="site-state-item site-state-tags">
325              <a href="/tags/index.html">
326                <span class="site-state-item-count">12</span>
327                <span class="site-state-item-name">标签</span>
328              </a>
329            </div>
330          
331
332        </nav>
333
334        
335
336        <div class="links-of-author motion-element">
337          
338        </div>
339
340        
341        
342
343        
344        
345
346        
347
348
349      </section>
350
351      
352
353      
354
355    </div>
356  </aside>
357
358
359        
360      </div>
361    </main>
362
363    <footer id="footer" class="footer">
364      <div class="footer-inner">
365        <div class="copyright" >
366  
367  &copy; 
368  <span itemprop="copyrightYear">2017</span>
369  <span class="with-love">
370    <i class="fa fa-heart"></i>
371  </span>
372  <span class="author" itemprop="copyrightHolder">Chenjg</span>
373</div>
374
375
376<div class="powered-by">
377  备案号
378</div>
379
380<div class="theme-info">
381  主题 -
382  <a class="theme-link" href="https://github.com/iissnan/hexo-theme-next">
383    NexT.Mist
384  </a>
385</div>
386
387
388        
389
390        
391      </div>
392    </footer>
393
394    
395      <div class="back-to-top">
396        <i class="fa fa-arrow-up"></i>
397        
398      </div>
399    
400
401  </div>
402
403  
404

405<script type="text/javascript">
406  if (Object.prototype.toString.call(window.Promise) !== '[object Function]') {
407    window.Promise = null;
408  }
409</script>

409
410
411
412
413
414
415
416
417
418
419  
420
421
422  
423
424
425
426
427
428  
429  

429<script type="text/javascript" src="/lib/jquery/index.js?v=2.1.3"></script>

429
430
431  
432  

432<script type="text/javascript" src="/lib/fastclick/lib/fastclick.min.js?v=1.0.6"></script>

432
433
434  
435  

435<script type="text/javascript" src="/lib/jquery_lazyload/jquery.lazyload.js?v=1.9.7"></script>

435
436
437  
438  

438<script type="text/javascript" src="/lib/velocity/velocity.min.js?v=1.2.1"></script>

438
439
440  
441  

441<script type="text/javascript" src="/lib/velocity/velocity.ui.min.js?v=1.2.1"></script>

441
442
443  
444  

444<script type="text/javascript" src="/lib/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>

444
445
446  
447  

447<script type="text/javascript" src="/lib/canvas-nest/canvas-nest.min.js"></script>

447
448
449
450  
451
452
453  

453<script type="text/javascript" src="/js/src/utils.js?v=5.1.0"></script>

453
454
455  

455<script type="text/javascript" src="/js/src/motion.js?v=5.1.0"></script>

455
456
457
458
459  
460  
461
462  
463
464  
465
466
467  

467<script type="text/javascript" src="/js/src/bootstrap.js?v=5.1.0"></script>

467
468
469
470
471  
472
473
474  
475
476
477
478
479	
480
481
482
483
484
485  
486
487
488
489
490
491  
492
493
494
495
496
497  
498
499
500
501
502
503
504  
505
506
507
508
509
510  
511
512  
513  

513<script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.1.js"></script>

513
514  

514<script>AV.initialize("2YXhlzaAVVc0dHv1dzW5aXh9-gzGzoHsz", "SHvCzG81l0EWVqvx3yBWXL7j");</script>

514
515  

515<script>
516    function showTime(Counter) {
517      var query = new AV.Query(Counter);
518      var entries = [];
519      var $visitors = $(".leancloud_visitors");
520
521      $visitors.each(function () {
522        entries.push( $(this).attr("id").trim() );
523      });
524
525      query.containedIn('url', entries);
526      query.find()
527        .done(function (results) {
528          var COUNT_CONTAINER_REF = '.leancloud-visitors-count';
529
530          if (results.length === 0) {
531            $visitors.find(COUNT_CONTAINER_REF).text(0);
532            return;
533          }
534
535          for (var i = 0; i < results.length; i++) {
536            var item = results[i];
537            var url = item.get('url');
538            var time = item.get('time');
539            var element = document.getElementById(url);
540
541            $(element).find(COUNT_CONTAINER_REF).text(time);
542          }
543          for(var i = 0; i < entries.length; i++) {
544            var url = entries[i];
545            var element = document.getElementById(url);
546            var countSpan = $(element).find(COUNT_CONTAINER_REF);
547            if( countSpan.text() == '') {
548              countSpan.text(0);
549            }
550          }
551        })
552        .fail(function (object, error) {
553          console.log("Error: " + error.code + " " + error.message);
554        });
555    }
556
557    function addCount(Counter) {
558      var $visitors = $(".leancloud_visitors");
559      var url = $visitors.attr('id').trim();
560      var title = $visitors.attr('data-flag-title').trim();
561      var query = new AV.Query(Counter);
562
563      query.equalTo("url", url);
564      query.find({
565        success: function(results) {
566          if (results.length > 0) {
567            var counter = results[0];
568            counter.fetchWhenSave(true);
569            counter.increment("time");
570            counter.save(null, {
571              success: function(counter) {
572                var $element = $(document.getElementById(url));
573                $element.find('.leancloud-visitors-count').text(counter.get('time'));
574              },
575              error: function(counter, error) {
576                console.log('Failed to save Visitor num, with error message: ' + error.message);
577              }
578            });
579          } else {
580            var newcounter = new Counter();
581            /* Set ACL */
582            var acl = new AV.ACL();
583            acl.setPublicReadAccess(true);
584            acl.setPublicWriteAccess(true);
585            newcounter.setACL(acl);
586            /* End Set ACL */
587            newcounter.set("title", title);
588            newcounter.set("url", url);
589            newcounter.set("time", 1);
590            newcounter.save(null, {
591              success: function(newcounter) {
592                var $element = $(document.getElementById(url));
593                $element.find('.leancloud-visitors-count').text(newcounter.get('time'));
594              },
595              error: function(newcounter, error) {
596                console.log('Failed to create');
597              }
598            });
599          }
600        },
601        error: function(error) {
602          console.log('Error:' + error.code + " " + error.message);
603        }
604      });
605    }
606
607    $(function() {
608      var Counter = AV.Object.extend("Counter");
609      if ($('.leancloud_visitors').length == 1) {
610        addCount(Counter);
611      } else if ($('.post-title-link').length > 1) {
612        showTime(Counter);
613      }
614    });
615  </script>

615
616
617
618
619  
620
621  
622
623  
624
625</body>
626</html>