https://fru1ts.github.io/about/

1
2
3<!DOCTYPE html>
4<html lang="en" data-default-color-scheme=auto>
5
6
7
8<head>
9  <meta charset="UTF-8">
10  <link rel="apple-touch-icon" sizes="76x76" href="/img/gc.jpg">
11  <link rel="icon" href="/img/gc.jpg">
12  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, shrink-to-fit=no">
13  <meta http-equiv="x-ua-compatible" content="ie=edge">
14  
15  <meta name="theme-color" content="#2f4154">
16  <meta name="author" content="fru1ts">
17  <meta name="keywords" content="fru1ts">
18  
19    <meta name="description" content="fru1ts&#39; Blog">
20<meta property="og:type" content="website">
21<meta property="og:title" content="About">
22<meta property="og:url" content="https://fru1ts.github.io/about/index.html">
23<meta property="og:site_name" content="fru1ts&#39; Blog">
24<meta property="og:description" content="fru1ts&#39; Blog">
25<meta property="og:locale" content="en_US">
26<meta property="article:published_time" content="2023-01-02T21:40:22.000Z">
27<meta property="article:modified_time" content="2024-09-27T11:57:05.549Z">
28<meta property="article:author" content="fru1ts">
29<meta property="article:tag" content="fru1ts">
30<meta name="twitter:card" content="summary_large_image">
31  
32  
33  
34  <title>About - fru1ts&#39; Blog</title>
35
36  <link  rel="stylesheet" href="https://lib.baomitu.com/twitter-bootstrap/4.6.1/css/bootstrap.min.css" />
37
38
39
40  <link  rel="stylesheet" href="https://lib.baomitu.com/github-markdown-css/4.0.0/github-markdown.min.css" />
41
42  <link  rel="stylesheet" href="https://lib.baomitu.com/hint.css/2.7.0/hint.min.css" />
43
44  <link  rel="stylesheet" href="https://lib.baomitu.com/fancybox/3.5.7/jquery.fancybox.min.css" />
45
46  <link  rel="stylesheet" href="https://lib.baomitu.com/KaTeX/0.16.2/katex.min.css" />
47
48
49
50<!-- 主题依赖的图标库，不要自行修改 -->
51<!-- Do not modify the link that theme dependent icons -->
52
53<link rel="stylesheet" href="//at.alicdn.com/t/font_1749284_hj8rtnfg7um.css">
54
55
56
57<link rel="stylesheet" href="//at.alicdn.com/t/font_1736178_lbnruvf0jn.css">
58
59
60<link  rel="stylesheet" href="/css/main.css" />
61
62
63  <link id="highlight-css" rel="stylesheet" href="/css/highlight.css" />
64  
65    <link id="highlight-css-dark" rel="stylesheet" href="/css/highlight-dark.css" />
66  
67
68
69
70  
71<link rel="stylesheet" href="/css/mouse.css">
72<link rel="stylesheet" href="/css/scroll.css">
73<link rel="stylesheet" href="/css/macpanel.css">
74
75
76
77  

77<script id="fluid-configs">
78    var Fluid = window.Fluid || {};
79    Fluid.ctx = Object.assign({}, Fluid.ctx)
80    var CONFIG = {"hostname":"fru1ts.github.io","root":"/","version":"1.9.4","typing":{"enable":true,"typeSpeed":70,"cursorChar":"_","loop":false,"scope":[]},"anchorjs":{"enable":true,"element":"h1,h2,h3,h4,h5,h6","placement":"left","visible":"hover","icon":""},"progressbar":{"enable":true,"height_px":3,"color":"#29d","options":{"showSpinner":false,"trickleSpeed":100}},"code_language":{"enable":true,"default":"TEXT"},"copy_btn":true,"image_caption":{"enable":true},"image_zoom":{"enable":true,"img_url_replace":["",""]},"toc":{"enable":true,"placement":"right","headingSelector":"h1,h2,h3,h4,h5,h6","collapseDepth":0},"lazyload":{"enable":true,"loading_img":"/img/loading.gif","onlypost":false,"offset_factor":2},"web_analytics":{"enable":true,"follow_dnt":true,"baidu":null,"google":null,"gtag":null,"tencent":{"sid":null,"cid":null},"woyaola":null,"cnzz":null,"leancloud":{"app_id":"WEdmoCOkNdSUMsONpu72ngCo-gzGzoHsz","app_key":"PSBkctB8cKrR97yZLNXnJ0nj","server_url":"https://wedmocok.lc-cn-n1-shared.com","path":"window.location.pathname","ignore_local":false}},"search_path":"/local-search.xml"};
81
82    if (CONFIG.web_analytics.follow_dnt) {
83      var dntVal = navigator.doNotTrack || window.doNotTrack || navigator.msDoNotTrack;
84      Fluid.ctx.dnt = dntVal && (dntVal.startsWith('1') || dntVal.startsWith('yes') || dntVal.startsWith('on'));
85    }
86  </script>

86
87  

87<script  src="/js/utils.js" ></script>

87
88  

88<script  src="/js/color-schema.js" ></script>

88
89  
90
91  
92
93  
94
95  
96
97  
98
99  
100
101  
102
103  
104    
105  
106
107
108
109  
110<!-- hexo injector head_end start -->
111<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/[email protected]/dist/katex.min.css">
112
113<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/style.css">
114<!-- hexo injector head_end end --><meta name="generator" content="Hexo 6.3.0"></head>
115
116
117<body>
118  
119
120  <header>
121    
122
123<div class="header-inner" style="height: 60vh;">
124  <nav id="navbar" class="navbar fixed-top  navbar-expand-lg navbar-dark scrolling-navbar">
125  <div class="container">
126    <a class="navbar-brand" href="/">
127      <strong>fru1ts&#39; Blog</strong>
128    </a>
129
130    <button id="navbar-toggler-btn" class="navbar-toggler" type="button" data-toggle="collapse"
131            data-target="#navbarSupportedContent"
132            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
133      <div class="animated-icon"><span></span><span></span><span></span></div>
134    </button>
135
136    <!-- Collapsible content -->
137    <div class="collapse navbar-collapse" id="navbarSupportedContent">
138      <ul class="navbar-nav ml-auto text-center">
139        
140          
141          
142          
143          
144            <li class="nav-item">
145              <a class="nav-link" href="/">
146                <i class="iconfont icon-home-fill"></i>
147                <span>Home</span>
148              </a>
149            </li>
150          
151        
152          
153          
154          
155          
156            <li class="nav-item">
157              <a class="nav-link" href="/archives/">
158                <i class="iconfont icon-archive-fill"></i>
159                <span>Archives</span>
160              </a>
161            </li>
162          
163        
164          
165          
166          
167          
168            <li class="nav-item">
169              <a class="nav-link" href="/categories/">
170                <i class="iconfont icon-category-fill"></i>
171                <span>Categories</span>
172              </a>
173            </li>
174          
175        
176          
177          
178          
179          
180            <li class="nav-item">
181              <a class="nav-link" href="/tags/">
182                <i class="iconfont icon-tags-fill"></i>
183                <span>Tags</span>
184              </a>
185            </li>
186          
187        
188          
189          
190          
191          
192            <li class="nav-item">
193              <a class="nav-link" href="/about/">
194                <i class="iconfont icon-user-fill"></i>
195                <span>About</span>
196              </a>
197            </li>
198          
199        
200        
201          <li class="nav-item" id="search-btn">
202            <a class="nav-link" target="_self" href="javascript:;" data-toggle="modal" data-target="#modalSearch" aria-label="Search">
203              <i class="iconfont icon-search"></i>
204            </a>
205          </li>
206          
207        
208        
209          <li class="nav-item" id="color-toggle-btn">
210            <a class="nav-link" target="_self" href="javascript:;" aria-label="Color Toggle">
211              <i class="iconfont icon-dark" id="color-toggle-icon"></i>
212            </a>
213          </li>
214        
215      </ul>
216    </div>
217  </div>
218</nav>
219
220  
221
222<div id="banner" class="banner" parallax=true
223     style="background: url('/img/default.png') no-repeat center center; background-size: cover;">
224  <div class="full-bg-img">
225    <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
226      <div class="banner-text text-center fade-in-up">
227        <div class="h2">
228          
229            <span id="subtitle" data-typed-text="About"></span>
230          
231        </div>
232
233        
234      </div>
235
236      
237    </div>
238  </div>
239</div>
240
241</div>
242
243  </header>
244
245  <main>
246    
247      <div class="container nopadding-x-md">
248        <div id="board"
249          >
250          
251            <div class="about-avatar">
252              <img src="/img/gc.jpg" srcset="/img/loading.gif" lazyload class="img-fluid" alt="avatar">
253            </div>
254          
255          <div class="container">
256            <div class="row">
257              <div class="col-12 col-md-10 m-auto">
258                
259
260<div class="text-center">
261  <div class="about-info">
262    <div class="about-name">fru1ts</div>
263    <div class="about-intro">Don't leave,I will miss you</div>
264    <div class="about-icons">
265      
266        
267        
268        
269        <a href=https://github.com/fru1ts class="
270           hint--bottom hint--rounded"
271           aria-label=GitHub
272           target="_blank"
273        >
274          <i class="iconfont icon-github-fill" aria-hidden="true"></i>
275          
276        </a>
277      
278        
279        
280        
281        <a  class="qr-trigger
282           "
283           
284           target="_self"
285        >
286          <i class="iconfont icon-qq-fill" aria-hidden="true"></i>
287          
288            <img class="qr-img" src="/img/qq.jpg" srcset="/img/loading.gif" lazyload alt="qrcode" />
289          
290        </a>
291      
292        
293        
294        
295        <a  class="qr-trigger
296           "
297           
298           target="_self"
299        >
300          <i class="iconfont icon-wechat-fill" aria-hidden="true"></i>
301          
302            <img class="qr-img" src="/img/wechat.jpg" srcset="/img/loading.gif" lazyload alt="qrcode" />
303          
304        </a>
305      
306        
307        
308        
309        <a href=/ class="
310           hint--bottom hint--rounded"
311           [email protected]
312           target="_blank"
313        >
314          <i class="iconfont icon-mail" aria-hidden="true"></i>
315          
316        </a>
317      
318    </div>
319  </div>
320</div>
321
322<article class="about-content page-content mt-5">
323  <div class="markdown-body">
324    
325  </div>
326
327  
328</article>
329
330
331
332
333
334  
335
336
337
338  
339
340
341
342  
343
344
345
346  
347
348
349
350  
351
352
353  
354  

355
356
357
358
359
360
361              </div>
362            </div>
363          </div>
364        </div>
365      </div>
366    
367
368    
369      <a id="scroll-top-button" aria-label="TOP" href="#" role="button">
370        <i class="iconfont icon-arrowup" aria-hidden="true"></i>
371      </a>
372    
373
374    
375      <div class="modal fade" id="modalSearch" tabindex="-1" role="dialog" aria-labelledby="ModalLabel"
376     aria-hidden="true">
377  <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
378    <div class="modal-content">
379      <div class="modal-header text-center">
380        <h4 class="modal-title w-100 font-weight-bold">Search</h4>
381        <button type="button" id="local-search-close" class="close" data-dismiss="modal" aria-label="Close">
382          <span aria-hidden="true">&times;</span>
383        </button>
384      </div>
385      <div class="modal-body mx-3">
386        <div class="md-form mb-5">
387          <input type="text" id="local-search-input" class="form-control validate">
388          <label data-error="x" data-success="v" for="local-search-input">Keyword</label>
389        </div>
390        <div class="list-group" id="local-search-result"></div>
391      </div>
392    </div>
393  </div>
394</div>
395
396    
397
398    
399  </main>
400
401  <footer>
402    <div class="footer-inner">
403  
404    <div class="footer-content">
405       <div> <span id="timeDate">载入天数...</span> <span id="times">载入时分秒...</span> </div> 
406    </div>
407  
408  
409    <div class="statistics">
410  
411  
412
413  
414    
415      <span id="leancloud-site-pv-container" style="display: none">
416        Total number of visits 
417        <span id="leancloud-site-pv"></span>
418         
419      </span>
420    
421    
422      <span id="leancloud-site-uv-container" style="display: none">
423        Total number of visitors 
424        <span id="leancloud-site-uv"></span>
425         
426      </span>
427    
428    
429
430  
431</div>
432
433  
434  
435  
436</div>
437
438  </footer>
439
440  <!-- Scripts -->
441  
442  

442<script  src="https://lib.baomitu.com/nprogress/0.2.0/nprogress.min.js" ></script>

442
443  <link  rel="stylesheet" href="https://lib.baomitu.com/nprogress/0.2.0/nprogress.min.css" />
444
445  

445<script>
446    NProgress.configure({"showSpinner":false,"trickleSpeed":100})
447    NProgress.start()
448    window.addEventListener('load', function() {
449      NProgress.done();
450    })
451  </script>

451
452
453

454<script  src="https://lib.baomitu.com/jquery/3.6.0/jquery.min.js" ></script>

454

455<script  src="https://lib.baomitu.com/twitter-bootstrap/4.6.1/js/bootstrap.min.js" ></script>

455

456<script  src="/js/events.js" ></script>

456

457<script  src="/js/plugins.js" ></script>

457
458
459
460  

460<script  src="https://lib.baomitu.com/typed.js/2.0.12/typed.min.js" ></script>

460
461  

461<script>
462    (function (window, document) {
463      var typing = Fluid.plugins.typing;
464      var subtitle = document.getElementById('subtitle');
465      if (!subtitle || !typing) {
466        return;
467      }
468      var text = subtitle.getAttribute('data-typed-text');
469      
470        typing(text);
471      
472    })(window, document);
473  </script>

473
474
475
476
477
478  
479    

479<script  src="/js/img-lazyload.js" ></script>

479
480  
481
482
483
484
485  

485<script src=https://lib.baomitu.com/clipboard.js/2.0.11/clipboard.min.js></script>

485
486
487  

487<script>Fluid.plugins.codeWidget();</script>

487
488
489
490  

491<script>
492  Fluid.utils.createScript('https://lib.baomitu.com/anchor-js/4.3.1/anchor.min.js', function() {
493    window.anchors.options = {
494      placement: CONFIG.anchorjs.placement,
495      visible  : CONFIG.anchorjs.visible
496    };
497    if (CONFIG.anchorjs.icon) {
498      window.anchors.options.icon = CONFIG.anchorjs.icon;
499    }
500    var el = (CONFIG.anchorjs.element || 'h1,h2,h3,h4,h5,h6').split(',');
501    var res = [];
502    for (var item of el) {
503      res.push('.markdown-body > ' + item.trim());
504    }
505    if (CONFIG.anchorjs.placement === 'left') {
506      window.anchors.options.class = 'anchorjs-link-left';
507    }
508    window.anchors.add(res.join(', '));
509
510    Fluid.events.registerRefreshCallback(function() {
511      if ('anchors' in window) {
512        anchors.removeAll();
513        var el = (CONFIG.anchorjs.element || 'h1,h2,h3,h4,h5,h6').split(',');
514        var res = [];
515        for (var item of el) {
516          res.push('.markdown-body > ' + item.trim());
517        }
518        if (CONFIG.anchorjs.placement === 'left') {
519          anchors.options.class = 'anchorjs-link-left';
520        }
521        anchors.add(res.join(', '));
522      }
523    });
524  });
525</script>

525
526
527
528  

529<script>
530  Fluid.utils.createScript('https://lib.baomitu.com/fancybox/3.5.7/jquery.fancybox.min.js', function() {
531    Fluid.plugins.fancyBox();
532  });
533</script>

533
534
535
536  

536<script>Fluid.plugins.imageCaption();</script>

536
537
538  

538<script defer src="/js/leancloud.js" ></script>

538
539
540  

540<script  src="/js/local-search.js" ></script>

540
541
542
543
544
545  

546<script src="/js/DynamicLine.js"></script>

546

547<script src="/js/star.js"></script>

547

548<script src="/js/love.js"></script>

548

549<script src="/js/duration.js"></script>

549
550
551
552
553<!-- 主题的启动项，将它保持在最底部 -->
554<!-- the boot of the theme, keep it at the bottom -->

555<script  src="/js/boot.js" ></script>

555
556
557
558  
559
560  <noscript>
561    <div class="noscript-warning">Blog works best with JavaScript enabled</div>
562  </noscript>

563<script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script>

563<script>L2Dwidget.init({"pluginRootPath":"live2dw/","pluginJsPath":"lib/","pluginModelPath":"assets/","tagMode":false,"debug":false,"model":{"jsonPath":"/live2dw/assets/assets/wanko.model.json"},"display":{"position":"left","width":150,"height":300},"mobile":{"show":true},"react":{"opacity":0.7},"log":false});</script>

563</body>
564</html>