forked from TopVitamin/static-nav
-
Notifications
You must be signed in to change notification settings - Fork 20
/
about.html
647 lines (644 loc) · 48.4 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
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
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
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
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>蜗牛个人导航</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="keywords" content="蜗牛,蜗牛导航,个人导航,蜗牛个人导航,eallion,简单网址导航">
<meta name="description" content="机会总是垂青于有准备的人" />
<link rel="manifest" href="manifest.json" />
<link rel="apple-touch-icon" href="static/img/apple-touch-icon.png">
<meta name="theme-color" content="#f2f2f2" />
<link rel="dns-prefetch" href="//cdn.statically.io">
<link rel="dns-prefetch" href="//cdn.jsdelivr.net">
<link rel="dns-prefetch" href="//cdn.staticfile.org">
<link rel="dns-prefetch" href="//www.googletagmanager.com">
<link rel="preconnect" href="https://fonts.geekzu.org">
<link rel="preconnect" href="https://fonts.geekzu.org" crossorigin>
<link rel="shortcut icon" href="static/img/favicon.ico">
<link href="https://cdn.staticfile.org/normalize/8.0.1/normalize.min.css" rel="stylesheet">
<link href="static/css/style.min.css" rel="stylesheet" type="text/css">
<link href="https://cdn.staticfile.org/github-markdown-css/5.1.0/github-markdown.min.css" rel="stylesheet">
<!--[if lt IE 9]><script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script><![endif]-->
</head>
<body class="wrapper">
<header id="header">
<div class="header">
<div class="title"><a href="/">蜗牛个人导航</a></div>
<div class="about">
<span class="iconify" data-icon="entypo:info-with-circle"></span><a href="/about.html" target="_self" rel="noopener noreferrer">关于</a>
<span class="iconify" data-icon="file-icons:hugo"></span><a href="https://eallion.com" target="_blank" rel="noopener noreferrer">博客</a>
<div class="lightDarkMode">
<div class="lightDarkModes" id="lightDarkMode">
<i class="iconify-inline" data-icon="bxs:adjust"></i>
</div>
<div class="is-open hidden" id="is-open">
</div>
<div class="lightDarkOptions hidden" id='lightDarkOptions'>
<span class="lightDarkOption" name="Auto"><i class="iconify-inline" data-icon="bxs:adjust"></i> 跟随系统</span>
<span class="lightDarkOption" name="Light"><i class="iconify-inline" data-icon="akar-icons:sun-fill"></i> 总是浅色</span>
<span class="lightDarkOption" name="Dark"><i class="iconify-inline" data-icon="akar-icons:moon-fill"></i> 总是深色</span>
</div>
</div>
</div>
</div>
</header>
<main id="content" class="content">
<section id="banner" class="inner-center">
<div class="banner">
<div class="container">
<div class="greeting">
<span id="greetings" class="greetings">Hello ...</span>
<span id="date" class="date">北京时间</span>
<span id="clock" class="clock"></span>
</div>
<div class="poem">
<span id="gushici" class="poem_sentence">正在加载古诗词......</span>
<span id="poem_info" class="poem_info"></span>
</div>
<div id="jweather" class="jweather">
<span id="jw_region"></span>
<span id="jw_temperature"></span>
<span id="jw_weather" class="emoji jw_weather"></span>
<span id="jw_wtip" class="jw_tip jw_wtip"></span>
<span id="jw_pm25" class="jw_pm25"></span>
<span id="jw_pm25tip" class="jw_tip"></span>
</div>
</div>
</div>
</section>
<section id="home_search">
<div class="item-box border">
<div class="bulletin-slick border slick-initialized slick-slider slick-vertical">
<span class="iconify" data-icon="icon-park-outline:people-speak"></span>
<div class="slick-list draggable" tabindex="0">
<div id="index-talk" class="index-talk header__talk slick-track"></div>
</div>
</div>
<div id="search">
<div id="search-list" class="hide-type-list">
<div class="s-type">
<span class="type-text"></span>
<div class="s-type-list transition">
<label for="type-google"><span class=emoji>🔍</span> 常用</label>
<label for="type-spotify"><span class=emoji>🎵</span> 音乐</label>
<label for="type-youtube"><span class=emoji>🎬</span> 视频</label>
<label for="type-coupon"><span class=emoji>🛒</span> 购物</label>
<label for="type-google-images"><span class=emoji>🎴</span> 图片</label>
<label for="type-csswinner"><span class=emoji>📱</span> 设计</label>
</div>
</div>
<div class="search-group s-current">
<span class="type-text metaColor">搜索</span>
<ul class="search-type">
<li>
<input checked="" type="radio" name="type" id="type-google"
value="https://www.google.com/search?q=" data-placeholder="输入关键词后按回车即可搜索"
hidden="">
<label id="focused" for="type-google" class="metaColor transition">Google</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-kubaicai"
value="https://www.kubaicai.com/?r=/l&kw=" data-placeholder="搜索精选优惠券 淘宝 京东 拼多多"
hidden="">
<label for="type-kubaicai" class="metaColor transition">优惠券</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-github"
value="https://github.com/search?q="
data-placeholder="Where the world builds software" hidden="">
<label for="type-github" class="metaColor transition">GitHub</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-bing"
value="https://www.bing.com/search?q" data-placeholder="Microsoft Bing Search"
hidden="">
<label for="type-bing" class="metaColor transition">Bing</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-whois"
value="https://www.whois.com/whois/"
data-placeholder="Free Whois Domain and IP Lookup" hidden="">
<label for="type-whois" class="metaColor transition">Whois</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-unsplash-hot"
value="https://unsplash.com/search/" data-placeholder="优美免费无版权高清图片搜索" hidden="">
<label for="type-unsplash-hot" class="metaColor transition">Unsplash</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-ping"
value="https://ping.chinaz.com/" data-placeholder="多个地点 PING 服务器，网站测速"
hidden="">
<label for="type-ping" class="metaColor transition">PING</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-baidu"
value="https://www.baidu.com/s?wd=" data-placeholder="百度一下，你就知道！" hidden="">
<label for="type-baidu" class="metaColor transition">百度</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-douban"
value="https://www.douban.com/search?q=" data-placeholder="汇集一亿人生活趣味" hidden="">
<label for="type-douban" class="metaColor transition">豆瓣</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-site"
value="https://eallion.com/search/?q=" data-placeholder="搜索大大的小蜗牛的博客" hidden="">
<label for="type-site" class="metaColor transition">博客</label>
</li>
</ul>
</div>
<div class="search-group">
<span class="type-text metaColor">图片</span>
<ul class="search-type">
<li>
<input checked="" type="radio" name="type" id="type-google-images"
value="https://www.google.com/search?newwindow=1&safe=strict&biw=1542&bih=956&tbm=isch&sa=1&q="
data-placeholder="Google图片搜索" hidden="">
<label for="type-google-images" class="metaColor transition">Google</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-unsplash"
value="https://unsplash.com/search/" data-placeholder="优美免费无版权高清图片搜索" hidden="">
<label for="type-unsplash" class="metaColor transition">Unsplash</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-pexels"
value="https://www.pexels.com/search/" data-placeholder="Pexels免费图库搜索"
hidden="">
<label for="type-pexels" class="metaColor transition">Pexels</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-bing-images"
value="https://www.bing.com/images/search?q=" data-placeholder="Bing图片搜索"
hidden="">
<label for="type-bing-images" class="metaColor transition">Bing</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-500px"
value="https://500px.com/search?q=" data-placeholder="500PX 高品质摄影图片搜索"
hidden="">
<label for="type-500px" class="metaColor transition">500PX</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-baidu-images"
value="https://image.baidu.com/search/index?tn=baiduimage&ps=1&ct=201326592&lm=-1&cl=2&nc=1&ie=utf-8&word="
data-placeholder="百度图片搜索" hidden="">
<label for="type-baidu-images" class="metaColor transition">百度</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-hellorf"
value="https://www.hellorf.com/photo/search/all/" data-placeholder="海洛正版图库"
hidden="">
<label for="type-hellorf" class="metaColor transition">海洛</label>
</li>
</ul>
</div>
<div class="search-group">
<span class="type-text metaColor">设计</span>
<ul class="search-type">
<li>
<input checked="" type="radio" name="type" id="type-csswinner"
value="https://www.csswinner.com/search/" data-placeholder="最佳的CSS网页设计灵感画廊"
hidden="">
<label for="type-csswinner" class="metaColor transition">CSS Winner</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-zcool"
value="https://www.zcool.com.cn/tosearch.do?page=0&f=hb&world="
data-placeholder="站酷素材搜索" hidden="">
<label for="type-zcool" class="metaColor transition">站酷</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-uicn"
value="https://s.ui.cn/index.html?keywords=" data-placeholder="UI 中国素材搜索"
hidden="">
<label for="type-uicn" class="metaColor transition">UI 中国</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-shejidaren"
value="https://so.shejidaren.com/cse/search?s=1461928278188833482&q="
data-placeholder="设计达人素材搜索" hidden="">
<label for="type-shejidaren" class="metaColor transition">设计达人</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-68design"
value="https://www.68design.net/work/?k=" data-placeholder="68Design素材搜索"
hidden="">
<label for="type-68design" class="metaColor transition">68Design</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-uisdc"
value="https://so.uisdc.com/cse/search?s=16162430669563244173&q="
data-placeholder="优设素材搜索" hidden="">
<label for="type-uisdc" class="metaColor transition">优设</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-abduzeedo"
value="https://abduzeedo.com/search/node?keys=" data-placeholder="一个关于创意灵感的站点"
hidden="">
<label for="type-abduzeedo" class="metaColor transition">Abduzeedo</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-niice"
value="https://niice.co/search/" data-placeholder="设计师视觉搜索引擎" hidden="">
<label for="type-niice" class="metaColor transition">Niice</label>
</li>
</ul>
</div>
<div class="search-group">
<span class="type-text metaColor">音乐</span>
<ul class="search-type">
<li>
<input checked="" type="radio" name="type" id="type-spotify"
value="https://open.spotify.com/search/" data-placeholder="Search from Spotify"
hidden="">
<label for="type-spotify" class="metaColor transition">Spotify</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-163"
value="https://music.163.com/#/search/m/?s=" data-placeholder="网易云音乐搜索"
hidden="">
<label for="type-163" class="metaColor transition">网易云音乐</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-lastfm"
value="https://www.last.fm/search?q=" data-placeholder="Search from Last.fm"
hidden="">
<label for="type-lastfm" class="metaColor transition">Last fm</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-qq-music"
value="https://y.qq.com/portal/search.html#searchid=1&remoteplace=txt.yqq.top&t=song&w="
data-placeholder="QQ音乐" hidden="">
<label for="type-qq-music" class="metaColor transition">QQ 音乐</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-xiami"
value="https://www.xiami.com/search?key=" data-placeholder="虾米音乐" hidden="">
<label for="type-xiami" class="metaColor transition">虾米</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-baidu-music"
value="https://music.baidu.com/search?key=" data-placeholder="百度音乐" hidden="">
<label for="type-baidu-music" class="metaColor transition">百度音乐</label>
</li>
</ul>
</div>
<div class="search-group">
<span class="type-text metaColor">视频</span>
<ul class="search-type">
<li>
<input checked="" type="radio" name="type" id="type-youtube"
value="https://www.youtube.com/results?search_query="
data-placeholder="Youtube 视频搜索" hidden="">
<label for="type-youtube" class="metaColor transition">Youtube</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-bilibili"
value="https://search.bilibili.com/all?keyword=" data-placeholder="哔哩哔哩 视频搜索"
hidden="">
<label for="type-bilibili" class="metaColor transition">哔哩哔哩</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-pianyuan"
value="https://pianyuan.org/search?q=" data-placeholder="搜索片源网电影" hidden="">
<label for="type-pianyuan" class="metaColor transition">片源网</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-piaohua"
value="https://www.piaohua.com/plus/search.php?kwtype=0&keyword="
data-placeholder="飘花电影高清电影下载" hidden="">
<label for="type-piaohua" class="metaColor transition">飘花电影</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-gaoqing"
value="https://gaoqing.la/?s=" data-placeholder="中国高清网" hidden="">
<label for="type-gaoqing" class="metaColor transition">中国高清网</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-youku"
value="https://www.soku.com/search_video/q_" data-placeholder="优酷视频搜索"
hidden="">
<label for="type-youku" class="metaColor transition">优酷</label>
</li>
</ul>
</div>
<div class="search-group">
<span class="type-text metaColor">购物</span>
<ul class="search-type">
<li>
<input checked="" type="radio" name="type" id="type-coupon"
value="https://www.kubaicai.com/?r=/l&kw=" data-placeholder="搜索精选优惠券 淘宝 京东 拼多多"
hidden="">
<label for="type-coupon" class="metaColor transition">优惠券</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-jd"
value="https://search.jd.com/Search?keyword=" data-placeholder="京东商品搜索"
hidden="">
<label for="type-jd" class="metaColor transition">京东</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-taobao"
value="https://s.taobao.com/search?q=" data-placeholder="淘宝商品搜索" hidden="">
<label for="type-taobao" class="metaColor transition">淘宝</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-tmall"
value="https://list.tmall.com/search_product.htm?q=" data-placeholder="天猫商品搜索"
hidden="">
<label for="type-tmall" class="metaColor transition">天猫</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-amazon"
value="https://www.amazon.cn/s/ref=nb_sb_noss_1?__mk_zh_CN=亚马逊网站&url=search-alias%3Daps&field-keywords="
data-placeholder="亚马逊商品搜索" hidden="">
<label for="type-amazon" class="metaColor transition">亚马逊</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-dangdang"
value="https://search.dangdang.com/?key=" data-placeholder="当当商品搜索" hidden="">
<label for="type-dangdang" class="metaColor transition">当当</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-meituan"
value="https://cd.meituan.com/s/?w=" data-placeholder="美团商品搜索" hidden="">
<label for="type-meituan" class="metaColor transition">美团</label>
</li>
<li>
<input checked="" type="radio" name="type" id="type-ebay"
value="https://www.ebay.com/sch/" data-placeholder="eBay商品搜索" hidden="">
<label for="type-ebay" class="metaColor transition">eBay</label>
</li>
</ul>
</div>
</div>
<form action="https://www.google.com/search?q=" method="get" target="_blank" id="super-search-fm">
<input type="text" id="search-text" autocomplete="off" placeholder="输入关键词后按回车即可搜索" value="">
<button type="submit" id="search_submit" aria-label="Search"><span class="iconify"
data-icon="akar-icons:search"></span></button>
</form>
<div class="set-check transition switchBG tip" title="新窗口将打开搜索结果">
<input type="checkbox" id="set-search-blank" checked="checked" required="required"
hidden="hidden">
<label for="set-search-blank"></label>
</div>
</div>
</div>
</section>
<section id="home" class="about-center">
<div class="content-about markdown-body">
<h3 class="title-about">关于本站</h3>
<p>最开始出于收藏导航的目的，收集了很多博客和网站，后来收集的内容越来越多，浏览器书签已经放不下了，而且当时还没有自己的电脑，就专门建立了一个个人导航网站。</p>
<p>最原始的版本始于 2006 年，基于 <a href="http://eallion.jobidc.com" rel="nofollow"
rel="noopener noreferrer">jobidc.com</a> 模板。详细（并不）的
ChangeLog 记录于此：<a href="https://github.com/eallion/favorite/blob/main/changelog.md" target="_blank"
rel="noopener noreferrer">https://github.com/eallion/favorite/blob/main/changelog.md</a></p>
<p>用各种各样的框架和模板折腾过导航网站：Wordpress、Typecho、Drupal、Dokuwiki、MDwiki、Hexo、Hugo、HTML。基本上还体验过 Google 和 GitHub
能搜索到的绝大部分导航网站源码。因为个人导航网站的数据量非常小，现在使用的是一个纯静态的 HTML 模板。这套模板从 <a
href="https://github.com/TopVitamin/static-nav" target="_blank"
rel="noopener noreferrer">https://github.com/TopVitamin/static-nav</a> fork
而来，不过基本上已完全重构，添加了一些个人需要的功能，做了一些优化。</p>
<p>本站目前采用 VS Code 编辑，用 Git 管理，托管于 GitHub，通过 <a href="https://vercel.com/" target="_blank"
rel="noopener noreferrer">Vercel</a>
构建部署。</p>
<p>原始模板托管在 <code>master</code> 分支。<a href="https://github.com/eallion/favorite/tree/master"
target="_blank" rel="noopener noreferrer">https://github.com/eallion/favorite/tree/master</a>
。可通过 <a href="https://eallion.github.io/favorite" target="_blank"
rel="noopener noreferrer">https://eallion.github.io/favorite</a>
预览。</p>
<p>本人热爱开源分享，欢迎探讨交流。但因为本站为个人使用，除非个人需要，一般不会有 Breaking Change，也没时间处理功能性需求。本站已开放源码，稍加修改即可部署使用。通过 Issue
和邮件提出的问题，我可能不及时，但一定会回复。</p>
<h3 class="title-about">技术栈</h3>
<ul>
<li>jQuery：<a href="https://jquery.com/" target="_blank"
rel="noopener noreferrer">https://jquery.com/</a></li>
<li>Google fonts：<a href="https://fonts.google.com/" target="_blank"
rel="noopener noreferrer">https://fonts.google.com/</a></li>
<li>Google favicon API：<a href="https://www.google.cn/s2/favicons?domain_url=https://s.eallion.com/"
target="_blank"
rel="noopener noreferrer">https://www.google.cn/s2/favicons?domain_url=https://s.eallion.com</a>
</li>
<li>Self-hosted favicon api (Vercel)：<a
href="https://favicon.api.example.com/?sz=32&url=https://s.eallion.com/" target="_blank"
rel="noopener noreferrer">https://favicon.api.example.com/?sz=32&url=https://s.eallion.com</a>
</li>
<li>iconify： <a href="https://iconify.design/" target="_blank"
rel="noopener noreferrer">https://iconify.design/</a></li>
<li>今日诗词：<a href="https://www.jinrishici.com/" target="_blank"
rel="noopener noreferrer">https://www.jinrishici.com/</a></li>
<li>Umami 统计：<a href="https://github.com/mikecao/umami" target="_blank"
rel="noopener noreferrer">https://github.com/mikecao/umami</a></li>
<li>Staticfile CDN：<a href="http://staticfile.org/" target="_blank"
rel="noopener noreferrer">http://staticfile.org/</a></li>
<li>和风天气：<a href="https://www.qweather.com/" target="_blank"
rel="noopener noreferrer">https://www.qweather.com/</a></li>
<li>Vanilla lazyload：<a href="https://github.com/verlok/vanilla-lazyload" target="_blank"
rel="noopener noreferrer">https://github.com/verlok/vanilla-lazyload</a></li>
<li>PWA：<a href="https://web.dev/progressive-web-apps/" target="_blank"
rel="noopener noreferrer">https://web.dev/progressive-web-apps/</a></li>
<li>Moment：<a href="https://github.com/moment/moment" target="_blank"
rel="noopener noreferrer">https://github.com/moment/moment</a></li>
<li>Lately：<a href="https://tokinx.github.io/lately/index-zh.html" target="_blank"
rel="noopener noreferrer">https://tokinx.github.io/lately/index-zh.html</a></li>
<li>Smooth scroll：<a href="https://github.com/mmkjony/jQuery.toTop" target="_blank"
rel="noopener noreferrer">https://github.com/mmkjony/jQuery.toTop</a></li>
<li>Toggle menu：<a href="https://codepen.io/Siddharth11/pen/vNEEZp" target="_blank"
rel="noopener noreferrer">https://codepen.io/Siddharth11/pen/vNEEZp</a></li>
<li>Dark mode：<a href="https://github.com/coliff/dark-mode-switch" target="_blank"
rel="noopener noreferrer">https://github.com/coliff/dark-mode-switch</a></li>
<li>极客族：<a href="https://cdn.geekzu.org/cached.html" target="_blank"
rel="noopener noreferrer">https://cdn.geekzu.org/cached.html</a></li>
<li>腾讯云开发：<a href="https://cloud.tencent.com/product/tcb" target="_blank"
rel="noopener noreferrer">https://cloud.tencent.com/product/tcb</a></li>
<li>嘀咕 Talk：<a href="https://eallion.com/talk/" target="_blank"
rel="noopener noreferrer">https://eallion.com/talk/</a></li>
<li>腾讯公益 404：<a href="https://news.qq.com/404/" target="_blank"
rel="noopener noreferrer">https://news.qq.com/404/</a></li>
</ul>
<h3 class="title-about">Inspiration</h3>
<ul>
<li><a href="https://github.com/TopVitamin/static-nav" target="_blank"
rel="noopener noreferrer">https://github.com/TopVitamin/static-nav</a></li>
<li><a href="https://github.com/soulteary/docker-flare" target="_blank"
rel="noopener noreferrer">https://github.com/soulteary/docker-flare</a></li>
<li><a href="https://edui123.com/" target="_blank"
rel="noopener noreferrer">https://edui123.com/</a></li>
<li><a href="https://nav.wsoso.com/" target="_blank"
rel="noopener noreferrer">https://nav.wsoso.com/</a></li>
<li><a href="https://www.milkdh.com/" target="_blank"
rel="noopener noreferrer">https://www.milkdh.com/</a></li>
</ul>
<h3 class="title-about">关于我</h3>
<blockquote>
<p>
『
<a href="https://en.wikipedia.org/wiki/Louis_Pasteur#Career">机会总是垂青于有准备的人！</a>』 -
<em>Louis Pasteur</em>
</p>
</blockquote>
<ul>
<li>双子，B 型血，断掌，属虎。</li>
<li>已婚。</li>
<li>不高不矮，不胖不瘦。</li>
<li>先天性乐观。</li>
<li>随意但不随便。</li>
<li>小众而不小资。</li>
<li>亦正亦邪。</li>
<li>不是个好人但从来不做坏事。</li>
</ul>
<h3 class="title-about">联系方式</h3>
<ul>
<li>唯一公开邮箱：<code>[email protected]</code></li>
<li>
私人邮箱：<code>e*****[email protected]</code>、<code>e*[email protected]</code>
</li>
<li>
弃用邮箱：<del><code>e*****[email protected]</code></del>、<del><code>@sina.com</code></del>、<del><code>@163.com</code></del>、<del><code>@sohu.com</code></del>
</li>
<li>
不活跃邮箱：<del><code>e*****[email protected]</code></del>、<del><code>2*******[email protected]</code></del>、<del><code>e*****[email protected]</code></del>
</li>
<li>
匿名邮箱：<a href="https://altmails.com"><code>@altmails.com</code></a>、<a
href="https://anonaddy.com"><code>@anonaddy.me</code></a>、<a
href="https://relay.firefox.com"><code>@relay.firefox.com</code></a>
</li>
</ul>
<p class="badge">
<a href="https://keybase.io/eallion/pgp_keys.asc" target="_blank" rel="noopener noreferrer"><img
loading="lazy" class="non-box"
src="https://img.shields.io/keybase/pgp/eallion?label=Keybase%20OpenPGP&logo=keybase&logoColor=fff&style=flat"
alt="https://keybase.io/eallion/pgp_keys.asc" /></a>
</p>
<div class="highlight badge">
<pre tabindex="0"
style="
color: #f8f8f2;
background-color: #272822;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
"><code class="language-shell" data-lang="shell">curl -L https://eallion.com/key | gpg --import</code></pre>
</div>
<h3 class="title-about">社交</h3>
<p class="badge">
<a href="https://keybase.io/eallion" target="_blank" rel="noopener noreferrer"
aria-label="keybase"><img loading="lazy" class="avatar non-box"
src="https://img.shields.io/badge/Keybase-@eallion-blue?style=flat&labelColor=555&logo=Keybase&logoColor=fff"
alt="keybase" /></a>
<a href="https://github.com/eallion" target="_blank" rel="noopener noreferrer"
aria-label="github"><img loading="lazy" class="avatar non-box"
src="https://img.shields.io/badge/GitHub-@eallion-blue?style=flat&labelColor=555&logo=GitHub&logoColor=fff"
alt="github" /></a>
<a href="https://steamcommunity.com/id/eallion" target="_blank" rel="noopener noreferrer"
aria-label="steam"><img loading="lazy" class="avatar non-box"
src="https://img.shields.io/badge/Steam-@eallion-blue?style=flat&labelColor=555&logo=Steam&logoColor=fff"
alt="steam" /></a>
<a href="https://stackoverflow.com/users/story/11409594" target="_blank" rel="noopener noreferrer"
aria-label="stackoverflow"><img loading="lazy" class="avatar non-box"
src="https://img.shields.io/badge/StackOverflow-@eallion-blue?style=flat&labelColor=555&logo=stackoverflow&logoColor=fff"
alt="stackoverflow" /></a>
</p>
<h3 class="title-about">鸣谢</h3>
<p class="badge">
<a href="https://html5.org/" target="_blank" rel="noopener noreferrer"><img loading="lazy"
class="avatar non-box" alt="HTML"
src="https://img.shields.io/badge/-HTML5-E34F26?style=flat&logo=html5&logoColor=white" /></a>
<a href="https://www.w3.org/Style/CSS/" target="_blank" rel="noopener noreferrer"><img
loading="lazy" class="avatar non-box" alt="CSS"
src="https://img.shields.io/badge/-CSS3-1572B6?style=flat&logo=css3&logoColor=white" /></a>
<a href="https://www.javascript.com/" target="_blank" rel="noopener noreferrer"><img loading="lazy"
class="avatar non-box" alt="JS"
src="https://img.shields.io/badge/-JavaScript-F7DF1E?style=flat&logo=javascript&logoColor=white" /></a>
</p>
<p class="badge">
<a href="https://www.aliyun.com" target="_blank" rel="noopener noreferrer"><img loading="lazy"
class="avatar non-box" alt="Aliyun"
src="https://img.shields.io/badge/Aliyun-blue?style=flat&color=blue&labelColor=555&logo=Alibaba-Cloud&logoColor=fff" /></a>
<a href="https://cloud.tencent.com/product/tcb" target="_blank" rel="noopener noreferrer"><img
loading="lazy" class="avatar non-box" alt="Cloud Base"
src="https://img.shields.io/badge/CloudBase-blue?style=flat&color=blue&labelColor=555&logo=Windows-Terminal&logoColor=fff" /></a>
<a href="https://www.cloudflare.com" target="_blank" rel="noopener noreferrer"><img loading="lazy"
class="avatar non-box" alt="Cloudflare"
src="https://img.shields.io/badge/Cloudflare-blue?style=flat&color=blue&labelColor=555&logo=cloudflare&logoColor=fff" /></a>
<a href="https://disqus.com/" target="_blank" rel="noopener noreferrer"><img loading="lazy"
class="avatar non-box" alt="Disqus"
src="https://img.shields.io/badge/Disqus-blue?style=flat&color=blue&labelColor=555&logo=disqus&logoColor=fff" /></a>
<a href="https://www.github.com" target="_blank" rel="noopener noreferrer"><img loading="lazy"
class="avatar non-box" alt="GitHub"
src="https://img.shields.io/badge/GitHub-blue?style=flat&color=blue&labelColor=555&logo=GitHub&logoColor=fff" /></a>
<a href="https://github.com/actions" target="_blank" rel="noopener noreferrer"><img loading="lazy"
class="avatar non-box" alt="GitHub Actions"
src="https://img.shields.io/badge/GitHub%20Actions-blue?style=flat&color=blue&labelColor=555&logo=GitHub-Actions&logoColor=fff" /></a>
<a href="https://www.google.com" target="_blank" rel="noopener noreferrer"><img loading="lazy"
class="avatar non-box" alt="Google"
src="https://img.shields.io/badge/Google-blue?style=flat&color=blue&labelColor=555&logo=Google&logoColor=fff" /></a>
<a href="https://fonts.google.com" target="_blank" rel="noopener noreferrer"><img loading="lazy"
class="avatar non-box" alt="Google Fonts"
src="https://img.shields.io/badge/Google%20Fonts-blue?style=flat&color=blue&labelColor=555&logo=Google-Fonts&logoColor=fff" /></a>
<a href="https://gravatar.com/" target="_blank" rel="noopener noreferrer"><img loading="lazy"
class="avatar non-box" alt="Gravatar"
src="https://img.shields.io/badge/Gravatar-blue?style=flat&color=blue&labelColor=555&logo=Gravatar&logoColor=fff" /></a>
<a href="https://iconify.design/" target="_blank" rel="noopener noreferrer"><img loading="lazy"
class="avatar non-box" alt="Iconify"
src="https://img.shields.io/badge/Iconify-blue?style=flat&color=blue&labelColor=555&logo=iconify&logoColor=fff" /></a>
<a href="https://www.jsdelivr.com/" target="_blank" rel="noopener noreferrer"><img loading="lazy"
class="avatar non-box" alt="jsDelivr"
src="https://img.shields.io/badge/jsDelivr-blue?style=flat&color=blue&labelColor=555&logo=jsDelivr&logoColor=fff" /></a>
<a href="https://cloud.tencent.com" target="_blank" rel="noopener noreferrer"><img loading="lazy"
class="avatar non-box" alt="Tencent Cloud"
src="https://img.shields.io/badge/Tencent%20Cloud-blue?style=flat&color=blue&labelColor=555&logo=tencent-qq&logoColor=fff" /></a>
<a href="https://vercel.com" target="_blank" rel="noopener noreferrer"><img loading="lazy"
class="avatar non-box" alt="Vercel"
src="https://img.shields.io/badge/Vercel-blue?style=flat&color=blue&labelColor=555&logo=Vercel&logoColor=fff" /></a>
<a href="https://code.visualstudio.com/" target="_blank" rel="noopener noreferrer"><img
loading="lazy" class="avatar non-box" alt="VS Code"
src="https://img.shields.io/badge/VS%20Code-blue?style=flat&color=blue&labelColor=555&logo=visual-studio-code&logoColor=fff" /></a>
</p>
</div>
</section>
</main>
<footer id="footer" class="footer">
<p>©2022 <a href="https://eallion.com" target="_blank" rel="noopener noreferrer">eallion.com</a>, All
Rights Reserved.</p>
</footer>
<div class="to-top back-to-top"><svg t="1647144384541" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="3569" width="16" height="16">
<path
d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3c-3.8 5.3-0.1 12.7 6.5 12.7h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
p-id="3570"></path>
</svg></div>
<a href="https://github.com/eallion/favorite" class="github-corner" aria-label="View source on GitHub"><svg
width="68" height="68" viewBox="0 0 250 250"
style="fill:#151513; color:#f2f2f2; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true">
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
<path
d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
<path
d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
fill="currentColor" class="octo-body"></path>
</svg></a>
<script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/moment.js/2.29.2/moment.min.js"></script>
<script src="https://cdn.staticfile.org/vanilla-lazyload/17.3.1/lazyload.min.js"></script>
<script src="https://cdn.staticfile.org/iconify/2.2.1/iconify.min.js"></script>
<script type="text/javascript" src="static/js/custom.min.js" id="custom-js"></script>
<meta name="apple-mobile-web-app-capable" content="yes">
<script>
// Check that service workers are registered
if ('serviceWorker' in navigator) {
window.addEventListener('load', () => {
navigator.serviceWorker.register('/service-worker.js');
});
}
</script>
<script async defer data-website-id="fd47db62-e1d6-453d-8068-87ef4e718ef9"
src="https://static.eallion.com/woniutongji.js" data-host-url="https://a.eallion.com"
data-domains="s.eallion.com">
</script>
</body>
</html>