https://junpickle.github.io/about/

html junpickle.github.io collected 2026-10-03 09:26:00 UTC 16,374 bytes, 614 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html lang="zh-CN" 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/OC_w_small.png">
11  <link rel="icon" href="/img/OC_w_small.png">
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 http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
16  
17  <meta name="theme-color" content="#2f4154">
18  <meta name="author" content="JunPickle">
19  <meta name="keywords" content="">
20  
21    <meta name="description" content="å¹»æ³æä¸ºä¸å Producer">
22<meta property="og:type" content="website">
23<meta property="og:title" content="å³äº">
24<meta property="og:url" content="https://junpickle.github.io/about/index.html">
25<meta property="og:site_name" content="BlogOfJunPickle">
26<meta property="og:description" content="å¹»æ³æä¸ºä¸å Producer">
27<meta property="og:locale" content="zh_CN">
28<meta property="article:published_time" content="2023-10-16T05:41:40.000Z">
29<meta property="article:modified_time" content="2023-10-16T09:42:17.208Z">
30<meta property="article:author" content="JunPickle">
31<meta name="twitter:card" content="summary_large_image">
32  
33  
34  
35  <title>å³äº - BlogOfJunPickle</title>
36
37  <link  rel="stylesheet" href="https://lib.baomitu.com/twitter-bootstrap/4.6.1/css/bootstrap.min.css" />
38
39
40
41  <link  rel="stylesheet" href="https://lib.baomitu.com/github-markdown-css/4.0.0/github-markdown.min.css" />
42
43  <link  rel="stylesheet" href="https://lib.baomitu.com/hint.css/2.7.0/hint.min.css" />
44
45  <link  rel="stylesheet" href="https://lib.baomitu.com/fancybox/3.5.7/jquery.fancybox.min.css" />
46
47
48
49<!-- ä¸»é¢ä¾èµçå¾æ åºï¼ä¸è¦èªè¡ä¿®æ¹ -->
50<!-- Do not modify the link that theme dependent icons -->
51
52<link rel="stylesheet" href="//at.alicdn.com/t/font_1749284_hj8rtnfg7um.css">
53
54
55
56<link rel="stylesheet" href="//at.alicdn.com/t/font_1736178_lbnruvf0jn.css">
57
58
59<link  rel="stylesheet" href="/css/main.css" />
60
61
62  <link id="highlight-css" rel="stylesheet" href="/css/highlight.css" />
63  
64    <link id="highlight-css-dark" rel="stylesheet" href="/css/highlight-dark.css" />
65  
66
67
68
69
70

70<script id="fluid-configs">
71    var Fluid = window.Fluid || {};
72    Fluid.ctx = Object.assign({}, Fluid.ctx)
73    var CONFIG = {"hostname":"junpickle.github.io","root":"/","version":"1.9.5","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":{"measurement_id":null},"tencent":{"sid":null,"cid":null},"woyaola":null,"cnzz":null,"leancloud":{"app_id":"x1w1fK5eQjEWKKYGJu3pC3uP-gzGzoHsz","app_key":"8WmvSxWtYFj0RGwQFSqo62Hp","server_url":null,"path":"window.location.pathname","ignore_local":false}},"search_path":"/local-search.xml","include_content_in_search":true};
74
75    if (CONFIG.web_analytics.follow_dnt) {
76      var dntVal = navigator.doNotTrack || window.doNotTrack || navigator.msDoNotTrack;
77      Fluid.ctx.dnt = dntVal && (dntVal.startsWith('1') || dntVal.startsWith('yes') || dntVal.startsWith('on'));
78    }
79  </script>

79
80

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

80
81

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

81
82  
83
84  
85
86  
87    <!-- Google tag (gtag.js) -->
88

88<script async>
89      if (!Fluid.ctx.dnt) {
90        Fluid.utils.createScript("https://www.googletagmanager.com/gtag/js?id=", function() {
91          window.dataLayer = window.dataLayer || [];
92          function gtag() {
93            dataLayer.push(arguments);
94          }
95          gtag('js', new Date());
96          gtag('config', '');
97        });
98      }
99    </script>

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

358<script>
359  Fluid.utils.createScript('https://lib.baomitu.com/mermaid/8.14.0/mermaid.min.js', function() {
360    mermaid.initialize({"theme":"default"});
361
362    Fluid.utils.listenDOMLoaded(function() {
363      Fluid.events.registerRefreshCallback(function() {
364        if ('mermaid' in window) {
365          mermaid.init();
366        }
367      });
368    });
369  });
370</script>

370
371
372
373
374
375              </div>
376            </div>
377          </div>
378        </div>
379      </div>
380    
381
382    
383      <a id="scroll-top-button" aria-label="TOP" href="#" role="button">
384        <i class="iconfont icon-arrowup" aria-hidden="true"></i>
385      </a>
386    
387
388    
389      <div class="modal fade" id="modalSearch" tabindex="-1" role="dialog" aria-labelledby="ModalLabel"
390     aria-hidden="true">
391  <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
392    <div class="modal-content">
393      <div class="modal-header text-center">
394        <h4 class="modal-title w-100 font-weight-bold">æç´¢</h4>
395        <button type="button" id="local-search-close" class="close" data-dismiss="modal" aria-label="Close">
396          <span aria-hidden="true">&times;</span>
397        </button>
398      </div>
399      <div class="modal-body mx-3">
400        <div class="md-form mb-5">
401          <input type="text" id="local-search-input" class="form-control validate">
402          <label data-error="x" data-success="v" for="local-search-input">å³é®è¯</label>
403        </div>
404        <div class="list-group" id="local-search-result"></div>
405      </div>
406    </div>
407  </div>
408</div>
409
410    
411
412    
413  </main>
414
415  <footer>
416    <div class="footer-inner">
417  
418    <div class="footer-content">
419       <a href="https://hexo.io" target="_blank" rel="nofollow noopener"><span>Hexo</span></a> <i class="iconfont icon-love"></i> <a href="https://github.com/fluid-dev/hexo-theme-fluid" target="_blank" rel="nofollow noopener"><span>Fluid</span></a> 
420    </div>
421  
422  
423    <div class="statistics">
424  
425  
426
427  
428    
429      <span id="leancloud-site-pv-container" style="display: none">
430        æ»è®¿é®é 
431        <span id="leancloud-site-pv"></span>
432         æ¬¡
433      </span>
434    
435    
436      <span id="leancloud-site-uv-container" style="display: none">
437        æ»è®¿å®¢æ° 
438        <span id="leancloud-site-uv"></span>
439         äºº
440      </span>
441    
442    
443
444  
445</div>
446
447  
448  
449  
450</div>
451
452  </footer>
453
454  <!-- Scripts -->
455  
456

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

456
457  <link  rel="stylesheet" href="https://lib.baomitu.com/nprogress/0.2.0/nprogress.min.css" />
458
459

459<script>
460    NProgress.configure({"showSpinner":false,"trickleSpeed":100})
461    NProgress.start()
462    window.addEventListener('load', function() {
463      NProgress.done();
464    })
465  </script>

465
466
467

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

vendor: 1 bytes, line 468

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

vendor: 1 bytes, line 469

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

vendor: 1 bytes, line 470

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

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

474
475

475<script>
476    (function (window, document) {
477      var typing = Fluid.plugins.typing;
478      var subtitle = document.getElementById('subtitle');
479      if (!subtitle || !typing) {
480        return;
481      }
482      var text = subtitle.getAttribute('data-typed-text');
483      
484        typing(text);
485      
486    })(window, document);
487  </script>

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

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

499
500
501

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

505<script>
506  Fluid.utils.createScript('https://lib.baomitu.com/anchor-js/4.3.1/anchor.min.js', function() {
507    window.anchors.options = {
508      placement: CONFIG.anchorjs.placement,
509      visible  : CONFIG.anchorjs.visible
510    };
511    if (CONFIG.anchorjs.icon) {
512      window.anchors.options.icon = CONFIG.anchorjs.icon;
513    }
514    var el = (CONFIG.anchorjs.element || 'h1,h2,h3,h4,h5,h6').split(',');
515    var res = [];
516    for (var item of el) {
517      res.push('.markdown-body > ' + item.trim());
518    }
519    if (CONFIG.anchorjs.placement === 'left') {
520      window.anchors.options.class = 'anchorjs-link-left';
521    }
522    window.anchors.add(res.join(', '));
523
524    Fluid.events.registerRefreshCallback(function() {
525      if ('anchors' in window) {
526        anchors.removeAll();
527        var el = (CONFIG.anchorjs.element || 'h1,h2,h3,h4,h5,h6').split(',');
528        var res = [];
529        for (var item of el) {
530          res.push('.markdown-body > ' + item.trim());
531        }
532        if (CONFIG.anchorjs.placement === 'left') {
533          anchors.options.class = 'anchorjs-link-left';
534        }
535        anchors.add(res.join(', '));
536      }
537    });
538  });
539</script>

543<script>
544  Fluid.utils.createScript('https://lib.baomitu.com/fancybox/3.5.7/jquery.fancybox.min.js', function() {
545    Fluid.plugins.fancyBox();
546  });
547</script>

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

553<script>
554        if (!window.MathJax) {
555          window.MathJax = {
556            tex    : {
557              inlineMath: { '[+]': [['$', '$']] }
558            },
559            loader : {
560              load: ['ui/lazy']
561            },
562            options: {
563              renderActions: {
564                insertedScript: [200, () => {
565                  document.querySelectorAll('mjx-container').forEach(node => {
566                    let target = node.parentNode;
567                    if (target.nodeName.toLowerCase() === 'li') {
568                      target.parentNode.classList.add('has-jax');
569                    }
570                  });
571                }, '', false]
572              }
573            }
574          };
575        } else {
576          MathJax.startup.document.state(0);
577          MathJax.texReset();
578          MathJax.typeset();
579          MathJax.typesetPromise();
580        }
581
582        Fluid.events.registerRefreshCallback(function() {
583          if ('MathJax' in window && MathJax.startup.document && typeof MathJax.startup.document.state === 'function') {
584            MathJax.startup.document.state(0);
585            MathJax.texReset();
586            MathJax.typeset();
587            MathJax.typesetPromise();
588          }
589        });
590      </script>

593<script  src="https://lib.baomitu.com/mathjax/3.2.2/es5/tex-mml-chtml.js" ></script>

593
594
595

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

595
596
597

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

597
598
599
600
601
602
603<!-- ä¸»é¢çå¯å¨é¡¹ï¼å°å®ä¿æå¨æåºé¨ -->
604<!-- the boot of the theme, keep it at the bottom -->

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

605
606
607
608  
609
610  <noscript>
611    <div class="noscript-warning">åå®¢å¨åè®¸ JavaScript è¿è¡çç¯å¢ä¸æµè§æææ´ä½³</div>
612  </noscript>
613</body>
614</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.