PageSourceSearch

https://hexuanzhang.github.io/archives/

html hexuanzhang.github.io collected 2026-10-03 09:17:34 UTC 22,376 bytes, 1,080 lines download raw bytes

1<!DOCTYPE html>
2
3
4
5  
6
7
8<html class="theme-next gemini 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<meta name="theme-color" content="#222">
14
15
16
17
18
19
20
21
22
23<meta http-equiv="Cache-Control" content="no-transform" />
24<meta http-equiv="Cache-Control" content="no-siteapp" />
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41  
42  
43  <link href="/lib/fancybox/source/jquery.fancybox.css?v=2.1.5" rel="stylesheet" type="text/css" />
44
45
46
47
48
49
50
51<link href="/lib/font-awesome/css/font-awesome.min.css?v=4.6.2" rel="stylesheet" type="text/css" />
52
53<link href="/css/main.css?v=5.1.3" rel="stylesheet" type="text/css" />
54
55
56  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-next.png?v=5.1.3">
57
58
59  <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32-next.png?v=5.1.3">
60
61
62  <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16-next.png?v=5.1.3">
63
64
65  <link rel="mask-icon" href="/images/logo.svg?v=5.1.3" color="#222">
66
67
68
69
70
71  <meta name="keywords" content="Hexo, NexT" />
72
73
74
75
76
77  <link rel="alternate" href="/atom.xml" title="青青子衿" type="application/atom+xml" />
78
79
80
81
82
83
84<meta name="description" content="青青子衿,悠悠我心">
85<meta property="og:type" content="website">
86<meta property="og:title" content="青青子衿">
87<meta property="og:url" content="https://hexuanzhang.github.io/archives/index.html">
88<meta property="og:site_name" content="青青子衿">
89<meta property="og:description" content="青青子衿,悠悠我心">
90<meta property="og:locale" content="zh-Hans">
91<meta name="twitter:card" content="summary">
92<meta name="twitter:title" content="青青子衿">
93<meta name="twitter:description" content="青青子衿,悠悠我心">
94
95
96
97<script type="text/javascript" id="hexo.configurations">
98  var NexT = window.NexT || {};
99  var CONFIG = {
100    root: '/',
101    scheme: 'Gemini',
102    version: '5.1.3',
103    sidebar: {"position":"left","display":"post","offset":12,"b2t":false,"scrollpercent":false,"onmobile":false},
104    fancybox: true,
105    tabs: true,
106    motion: {"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideUpIn"}},
107    duoshuo: {
108      userId: '0',
109      author: '博主'
110    },
111    algolia: {
112      applicationID: '',
113      apiKey: '',
114      indexName: '',
115      hits: {"per_page":10},
116      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"}
117    }
118  };
119</script>
119
120
121
122
123  <link rel="canonical" href="https://hexuanzhang.github.io/archives/"/>
124
125
126
127
128
129  <title>归档 | 青青子衿</title>
130  
131
132
133
134
135
136
137
138
139</head>
140
141<body itemscope itemtype="http://schema.org/WebPage" lang="zh-Hans">
142
143  
144  
145    
146  
147
148  <div class="container sidebar-position-left page-archive">
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">青青子衿</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-tags">
195          <a href="/tags/" rel="section">
196            
197              <i class="menu-item-icon fa fa-fw fa-tags"></i> <br />
198            
199            标签
200          </a>
201        </li>
202      
203        
204        <li class="menu-item menu-item-categories">
205          <a href="/categories/" rel="section">
206            
207              <i class="menu-item-icon fa fa-fw fa-th"></i> <br />
208            
209            分类
210          </a>
211        </li>
212      
213        
214        <li class="menu-item menu-item-archives">
215          <a href="/archives/" rel="section">
216            
217              <i class="menu-item-icon fa fa-fw fa-archive"></i> <br />
218            
219            归档
220          </a>
221        </li>
222      
223
224      
225    </ul>
226  
227
228  
229</nav>
230
231
232
233 </div>
234    </header>
235
236    <main id="main" class="main">
237      <div class="main-inner">
238        <div class="content-wrap">
239          <div id="content" class="content">
240            
241
242  
243  
244  
245  <div class="post-block archive">
246    <div id="posts" class="posts-collapse">
247      <span class="archive-move-on"></span>
248
249      <span class="archive-page-counter">
250        
251        
252         
253        
254        OK! 目前共计 37 篇日志。 继续努力。
255      </span>
256
257      
258
259        
260        
261        
262
263        
264          
265          <div class="collection-title">
266            <h1 class="archive-year" id="archive-year-2018">2018</h1>
267          </div>
268        
269        
270
271        
272
273  <article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
274    <header class="post-header">
275
276      <h2 class="post-title">
277        
278            <a class="post-title-link" href="/2018/04/28/Referrer-介绍/" itemprop="url">
279              
280                <span itemprop="name">Referrer 介绍</span>
281              
282            </a>
283        
284      </h2>
285
286      <div class="post-meta">
287        <time class="post-time" itemprop="dateCreated"
288              datetime="2018-04-28T00:12:58+08:00"
289              content="2018-04-28" >
290          04-28
291        </time>
292      </div>
293
294    </header>
295  </article>
296
297
298
299      
300
301        
302        
303        
304
305        
306        
307
308        
309
310  <article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
311    <header class="post-header">
312
313      <h2 class="post-title">
314        
315            <a class="post-title-link" href="/2018/04/16/CSS-自定义属性(变量)/" itemprop="url">
316              
317                <span itemprop="name">CSS 自定义属性(变量)</span>
318              
319            </a>
320        
321      </h2>
322
323      <div class="post-meta">
324        <time class="post-time" itemprop="dateCreated"
325              datetime="2018-04-16T20:55:49+08:00"
326              content="2018-04-16" >
327          04-16
328        </time>
329      </div>
330
331    </header>
332  </article>
333
334
335
336      
337
338        
339        
340        
341
342        
343        
344
345        
346
347  <article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
348    <header class="post-header">
349
350      <h2 class="post-title">
351        
352            <a class="post-title-link" href="/2018/03/30/post-三种提交数据方式/" itemprop="url">
353              
354                <span itemprop="name">post 三种提交数据方式</span>
355              
356            </a>
357        
358      </h2>
359
360      <div class="post-meta">
361        <time class="post-time" itemprop="dateCreated"
362              datetime="2018-03-30T20:45:57+08:00"
363              content="2018-03-30" >
364          03-30
365        </time>
366      </div>
367
368    </header>
369  </article>
370
371
372
373      
374
375        
376        
377        
378
379        
380        
381
382        
383
384  <article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
385    <header class="post-header">
386
387      <h2 class="post-title">
388        
389            <a class="post-title-link" href="/2018/03/27/CentOS7-开启-HTTP-端口/" itemprop="url">
390              
391                <span itemprop="name">CentOS7 开启 HTTP 端口</span>
392              
393            </a>
394        
395      </h2>
396
397      <div class="post-meta">
398        <time class="post-time" itemprop="dateCreated"
399              datetime="2018-03-27T22:46:25+08:00"
400              content="2018-03-27" >
401          03-27
402        </time>
403      </div>
404
405    </header>
406  </article>
407
408
409
410      
411
412        
413        
414        
415
416        
417        
418
419        
420
421  <article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
422    <header class="post-header">
423
424      <h2 class="post-title">
425        
426            <a class="post-title-link" href="/2018/03/27/CentOS7-安装-nginx/" itemprop="url">
427              
428                <span itemprop="name">CentOS7 安装 nginx</span>
429              
430            </a>
431        
432      </h2>
433
434      <div class="post-meta">
435        <time class="post-time" itemprop="dateCreated"
436              datetime="2018-03-27T22:08:15+08:00"
437              content="2018-03-27" >
438          03-27
439        </time>
440      </div>
441
442    </header>
443  </article>
444
445
446
447      
448
449        
450        
451        
452
453        
454        
455
456        
457
458  <article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
459    <header class="post-header">
460
461      <h2 class="post-title">
462        
463            <a class="post-title-link" href="/2018/03/21/时分秒重合问题/" itemprop="url">
464              
465                <span itemprop="name">时分秒重合问题</span>
466              
467            </a>
468        
469      </h2>
470
471      <div class="post-meta">
472        <time class="post-time" itemprop="dateCreated"
473              datetime="2018-03-21T23:47:06+08:00"
474              content="2018-03-21" >
475          03-21
476        </time>
477      </div>
478
479    </header>
480  </article>
481
482
483
484      
485
486        
487        
488        
489
490        
491        
492
493        
494
495  <article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
496    <header class="post-header">
497
498      <h2 class="post-title">
499        
500            <a class="post-title-link" href="/2018/03/20/centos-登录没有奏效问题/" itemprop="url">
501              
502                <span itemprop="name">centos 登录没有奏效问题</span>
503              
504            </a>
505        
506      </h2>
507
508      <div class="post-meta">
509        <time class="post-time" itemprop="dateCreated"
510              datetime="2018-03-20T22:13:46+08:00"
511              content="2018-03-20" >
512          03-20
513        </time>
514      </div>
515
516    </header>
517  </article>
518
519
520
521      
522
523        
524        
525        
526
527        
528        
529
530        
531
532  <article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
533    <header class="post-header">
534
535      <h2 class="post-title">
536        
537            <a class="post-title-link" href="/2018/03/16/text-decoration/" itemprop="url">
538              
539                <span itemprop="name">text-decoration 回顾</span>
540              
541            </a>
542        
543      </h2>
544
545      <div class="post-meta">
546        <time class="post-time" itemprop="dateCreated"
547              datetime="2018-03-16T22:04:52+08:00"
548              content="2018-03-16" >
549          03-16
550        </time>
551      </div>
552
553    </header>
554  </article>
555
556
557
558      
559
560        
561        
562        
563
564        
565        
566
567        
568
569  <article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
570    <header class="post-header">
571
572      <h2 class="post-title">
573        
574            <a class="post-title-link" href="/2018/03/13/H5-新增标签/" itemprop="url">
575              
576                <span itemprop="name">H5 新增标签</span>
577              
578            </a>
579        
580      </h2>
581
582      <div class="post-meta">
583        <time class="post-time" itemprop="dateCreated"
584              datetime="2018-03-13T20:03:11+08:00"
585              content="2018-03-13" >
586          03-13
587        </time>
588      </div>
589
590    </header>
591  </article>
592
593
594
595      
596
597        
598        
599        
600
601        
602        
603
604        
605
606  <article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
607    <header class="post-header">
608
609      <h2 class="post-title">
610        
611            <a class="post-title-link" href="/2018/03/12/聊聊 H5 新增的 rel 属性值/" itemprop="url">
612              
613                <span itemprop="name">聊聊 H5 新增的 rel 属性值</span>
614              
615            </a>
616        
617      </h2>
618
619      <div class="post-meta">
620        <time class="post-time" itemprop="dateCreated"
621              datetime="2018-03-12T21:10:20+08:00"
622              content="2018-03-12" >
623          03-12
624        </time>
625      </div>
626
627    </header>
628  </article>
629
630
631
632      
633
634    </div>
635  </div>
636  
637  
638  
639
640  
641  <nav class="pagination">
642    <span class="page-number current">1</span><a class="page-number" href="/archives/page/2/">2</a><span class="space">&hellip;</span><a class="page-number" href="/archives/page/4/">4</a><a class="extend next" rel="next" href="/archives/page/2/"><i class="fa fa-angle-right"></i></a>
643  </nav>
644
645
646
647
648          </div>
649          
650
651
652          
653
654        </div>
655        
656          
657  
658  <div class="sidebar-toggle">
659    <div class="sidebar-toggle-line-wrap">
660      <span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
661      <span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
662      <span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
663    </div>
664  </div>
665
666  <aside id="sidebar" class="sidebar">
667    
668    <div class="sidebar-inner">
669
670      
671
672      
673
674      <section class="site-overview-wrap sidebar-panel sidebar-panel-active">
675        <div class="site-overview">
676          <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
677            
678              <p class="site-author-name" itemprop="name">青青子衿</p>
679              <p class="site-description motion-element" itemprop="description">青青子衿,悠悠我心</p>
680          </div>
681
682          <nav class="site-state motion-element">
683
684            
685              <div class="site-state-item site-state-posts">
686              
687                <a href="/archives/">
688              
689                  <span class="site-state-item-count">37</span>
690                  <span class="site-state-item-name">日志</span>
691                </a>
692              </div>
693            
694
695            
696              
697              
698              <div class="site-state-item site-state-categories">
699                <a href="/categories/index.html">
700                  <span class="site-state-item-count">18</span>
701                  <span class="site-state-item-name">分类</span>
702                </a>
703              </div>
704            
705
706            
707              
708              
709              <div class="site-state-item site-state-tags">
710                <a href="/tags/index.html">
711                  <span class="site-state-item-count">19</span>
712                  <span class="site-state-item-name">标签</span>
713                </a>
714              </div>
715            
716
717          </nav>
718
719          
720            <div class="feed-link motion-element">
721              <a href="/atom.xml" rel="alternate">
722                <i class="fa fa-rss"></i>
723                RSS
724              </a>
725            </div>
726          
727
728          <div class="links-of-author motion-element">
729            
730          </div>
731
732          
733          
734
735          
736          
737
738          
739
740        </div>
741      </section>
742
743      
744
745      
746
747    </div>
748  </aside>
749
750
751        
752      </div>
753    </main>
754
755    <footer id="footer" class="footer">
756      <div class="footer-inner">
757        <div class="copyright">
758  <!--
759  &copy; 2017 &mdash; <span itemprop="copyrightYear">2018</span>
760  <span class="with-love">
761    <i class="fa fa-user"></i>
762  </span>
763  <span class="author" itemprop="copyrightHolder">青青子衿</span>
764  -->
765
766  
767</div>
768
769
770
771
772
773
774
775
776
777        
778<div class="busuanzi-count">
779  
779<script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>
779
780
781  
782
783  
784    <!--
785    <span class="site-pv">
786      <i class="fa fa-eye"></i>
787      本站总点击
788      <span class="busuanzi-value" id="busuanzi_value_site_pv"></span>
789      
790    </span>
791    -->
792  
793</div>
794
795
796
797
798
799
800
801
802        
803      </div>
804    </footer>
805
806    
807      <div class="back-to-top">
808        <i class="fa fa-arrow-up"></i>
809        
810      </div>
811    
812
813    
814
815  </div>
816
817  
818
819<script type="text/javascript">
820  if (Object.prototype.toString.call(window.Promise) !== '[object Function]') {
821    window.Promise = null;
822  }
823</script>
823
824
825
826
827
828
829
830
831
832
833  
834
835
836
837
838
839
840
841
842
843
844
845
846  
847  
848    
848<script type="text/javascript" src="/lib/jquery/index.js?v=2.1.3"></script>
848
849  
850
851  
852  
853    
853<script type="text/javascript" src="/lib/fastclick/lib/fastclick.min.js?v=1.0.6"></script>
853
854  
855
856  
857  
858    
858<script type="text/javascript" src="/lib/jquery_lazyload/jquery.lazyload.js?v=1.9.7"></script>
858
859  
860
861  
862  
863    
863<script type="text/javascript" src="/lib/velocity/velocity.min.js?v=1.2.1"></script>
863
864  
865
866  
867  
868    
868<script type="text/javascript" src="/lib/velocity/velocity.ui.min.js?v=1.2.1"></script>
868
869  
870
871  
872  
873    
873<script type="text/javascript" src="/lib/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
873
874  
875
876
877  
878
879
880  
880<script type="text/javascript" src="/js/src/utils.js?v=5.1.3"></script>
880
881
882  
882<script type="text/javascript" src="/js/src/motion.js?v=5.1.3"></script>
882
883
884
885
886  
887  
888
889
890  
890<script type="text/javascript" src="/js/src/affix.js?v=5.1.3"></script>
890
891
892  
892<script type="text/javascript" src="/js/src/schemes/pisces.js?v=5.1.3"></script>
892
893
894
895
896  
897
898  
899
900
901  
901<script type="text/javascript" src="/js/src/bootstrap.js?v=5.1.3"></script>
901
902
903
904
905  
906
907
908  
909
910
911
912
913	
914
915
916
917
918
919  
920
921
922
923
924
925  
926
927
928
929
930  
931    
931<script type="text/javascript">
932    (function(){
933      var appid = 'cytmKMEKk';
934      var conf = 'c05b7ae4543c881017b6f30806af34c8';
935      var width = window.innerWidth || document.documentElement.clientWidth;
936      if (width < 960) {
937      window.document.write('
937<script id="changyan_mobile_js" charset="utf-8" type="text/javascript" src="https://changyan.sohu.com/upload/mobile/wap-js/changyan_mobile.js?client_id=' + appid + '&conf=' + conf + '"><\/script>'); } else { var loadJs=function(d,a){var c=document.getElementsByTagName("head")[0]||document.head||document.documentElement;var b=document.createElement("script");b.setAttribute("type","text/javascript");b.setAttribute("charset","UTF-8");b.setAttribute("src",d);if(typeof a==="function"){if(window.attachEvent){b.onreadystatechange=function(){var e=b.readyState;if(e==="loaded"||e==="complete"){b.onreadystatechange=null;a()}}}else{b.onload=a}}c.appendChild(b)};loadJs("https://changyan.sohu.com/upload/changyan.js",function(){
938        window.changyan.api.config({appid:appid,conf:conf})});
939      }
940    })();
941    </script>
941
942    
942<script type="text/javascript" src="https://assets.changyan.sohu.com/upload/plugins/plugins.count.js"></script>
942
943  
944
945
946
947
948
949
950
951
952
953  
954
955
956
957
958
959  
960
961  
962  
962<script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.4.js"></script>
962
963  
963<script>AV.initialize("MnRSmn6zIoJH2cKdus4STKnh-gzGzoHsz", "OmFstYUx6dn9Yyj64TTwSwAe");</script>
963
964  
964<script>
965    function showTime(Counter) {
966      var query = new AV.Query(Counter);
967      var entries = [];
968      var $visitors = $(".leancloud_visitors");
969
970      $visitors.each(function () {
971        entries.push( $(this).attr("id").trim() );
972      });
973
974      query.containedIn('url', entries);
975      query.find()
976        .done(function (results) {
977          var COUNT_CONTAINER_REF = '.leancloud-visitors-count';
978
979          if (results.length === 0) {
980            $visitors.find(COUNT_CONTAINER_REF).text(0);
981            return;
982          }
983
984          for (var i = 0; i < results.length; i++) {
985            var item = results[i];
986            var url = item.get('url');
987            var time = item.get('time');
988            var element = document.getElementById(url);
989
990            $(element).find(COUNT_CONTAINER_REF).text(time);
991          }
992          for(var i = 0; i < entries.length; i++) {
993            var url = entries[i];
994            var element = document.getElementById(url);
995            var countSpan = $(element).find(COUNT_CONTAINER_REF);
996            if( countSpan.text() == '') {
997              countSpan.text(0);
998            }
999          }
1000        })
1001        .fail(function (object, error) {
1002          console.log("Error: " + error.code + " " + error.message);
1003        });
1004    }
1005
1006    function addCount(Counter) {
1007      var $visitors = $(".leancloud_visitors");
1008      var url = $visitors.attr('id').trim();
1009      var title = $visitors.attr('data-flag-title').trim();
1010      var query = new AV.Query(Counter);
1011
1012      query.equalTo("url", url);
1013      query.find({
1014        success: function(results) {
1015          if (results.length > 0) {
1016            var counter = results[0];
1017            counter.fetchWhenSave(true);
1018            counter.increment("time");
1019            counter.save(null, {
1020              success: function(counter) {
1021                var $element = $(document.getElementById(url));
1022                $element.find('.leancloud-visitors-count').text(counter.get('time'));
1023              },
1024              error: function(counter, error) {
1025                console.log('Failed to save Visitor num, with error message: ' + error.message);
1026              }
1027            });
1028          } else {
1029            var newcounter = new Counter();
1030            /* Set ACL */
1031            var acl = new AV.ACL();
1032            acl.setPublicReadAccess(true);
1033            acl.setPublicWriteAccess(true);
1034            newcounter.setACL(acl);
1035            /* End Set ACL */
1036            newcounter.set("title", title);
1037            newcounter.set("url", url);
1038            newcounter.set("time", 1);
1039            newcounter.save(null, {
1040              success: function(newcounter) {
1041                var $element = $(document.getElementById(url));
1042                $element.find('.leancloud-visitors-count').text(newcounter.get('time'));
1043              },
1044              error: function(newcounter, error) {
1045                console.log('Failed to create');
1046              }
1047            });
1048          }
1049        },
1050        error: function(error) {
1051          console.log('Error:' + error.code + " " + error.message);
1052        }
1053      });
1054    }
1055
1056    $(function() {
1057      var Counter = AV.Object.extend("Counter");
1058      if ($('.leancloud_visitors').length == 1) {
1059        addCount(Counter);
1060      } else if ($('.post-title-link').length > 1) {
1061        showTime(Counter);
1062      }
1063    });
1064  </script>
1064
1065
1066
1067
1068  
1069
1070  
1071  
1072
1073  
1074
1075  
1076
1077  
1078
1079</body>
1080</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.