-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1525 lines (1250 loc) · 61 KB
/
index.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
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
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
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
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
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>
Xheldon Blog
</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="google-site-verification" content="EX6ES0UVArXTvp5aeeWrkXGn5M5MZ10bYqXanXDEzAs" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<meta name="description" content="The Answer to Life, the Universe and Everything is...">
<meta name="keywords" content="Xheldon, 生活, 美食, 旅游, 前端, 技术, 分享">
<meta name="theme-color" content="#000000">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:title"
content="Xheldon Blog">
<meta property="og:type" content="website">
<meta name="og:description" content="The Answer to Life, the Universe and Everything is...">
<meta property="twitter:image"
content="https://www.xheldon.com/img/logo.png">
<meta property="og:image"
content="https://www.xheldon.com/img/logo.png">
<meta property="og:url" content="https://www.xheldon.com/">
<meta property="og:site_name" content="Xheldon Blog">
<meta name="google-adsense-account" content="ca-pub-5486286026923411">
<script async
src="https://fundingchoicesmessages.google.com/i/pub-5486286026923411?ers=1"
nonce="hkl-3cDcQhqR8uwDMTDGjQ"></script>
<script nonce="hkl-3cDcQhqR8uwDMTDGjQ">
(function () {
function signalGooglefcPresent() {
if (!window.frames['googlefcPresent']) {
if (document.body) {
const iframe = document.createElement('iframe');
iframe.style =
'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;';
iframe.style.display = 'none';
iframe.name = 'googlefcPresent';
document.body.appendChild(iframe);
} else {
setTimeout(signalGooglefcPresent, 0);
}
}
}
signalGooglefcPresent();
})();
</script>
<script async
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5486286026923411"
crossorigin="anonymous"></script>
<!-- Web App Manifest -->
<!-- <link rel="manifest" href="/js/manifest.json"> -->
<link rel="shortcut icon" href="/img/favicon.ico">
<link rel="canonical"
href="https://www.xheldon.com/">
<!-- Bootstrap Core CSS -->
<link rel="stylesheet" href="/css/bootstrap.min.css" type="text/css">
<!-- Custom CSS -->
<link rel="stylesheet" href="/css/xblog.min.css" type="text/css">
<!-- Pygments Highlight CSS -->
<link rel="stylesheet" href="/css/highlight.css" type="text/css">
<!-- Custom Fonts -->
<link href="/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<meta name="generator" content="Hexo 7.3.0"></head>
<!-- hack iOS CSS :active style -->
<body ontouchstart="">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-custom navbar-fixed-top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">
Xheldon Blog
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div id="xblog_navbar">
<div class="navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li>
<a href="/">主页</a>
</li>
<li>
<a href="/about/">关于</a>
</li>
<li>
<a href="/donate/">赞助</a>
</li>
<li>
<a href="/archive/">归档</a>
</li>
<li>
<a href="/feed.xml">RSS</a>
</li>
<li class="search-icon">
<a href="javascript:void(0)">
<i class="fa fa-search"></i>
</a>
</li>
</ul>
</div>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<script>
// Drop Bootstarp low-performance Navbar
// Use customize navbar with high-quality material design animation
// in high-perf jank-free CSS3 implementation
var $body = document.body;
var $toggle = document.querySelector('.navbar-toggle');
var $navbar = document.querySelector('#xblog_navbar');
var $collapse = document.querySelector('.navbar-collapse');
var __XNav__ = {
close: function () {
$navbar.className = ' ';
// wait until animation end.
setTimeout(function () {
// prevent frequently toggle
if ($navbar.className.indexOf('in') < 0) {
$collapse.style.height = '0px';
}
}, 400);
},
open: function () {
$collapse.style.height = 'auto';
$navbar.className += ' in';
},
};
// Bind Event
$toggle.addEventListener('click', function (e) {
if ($navbar.className.indexOf('in') > 0) {
__XNav__.close();
} else {
__XNav__.open();
}
});
/**
* Since Fastclick is used to delegate 'touchstart' globally
* to hack 300ms delay in iOS by performing a fake 'click',
* Using 'e.stopPropagation' to stop 'touchstart' event from
* $toggle/$collapse will break global delegation.
*
* Instead, we use a 'e.target' filter to prevent handler
* added to document close XheldonNav.
*
* Also, we use 'click' instead of 'touchstart' as compromise
*/
document.addEventListener('click', function (e) {
if (e.target == $toggle) return;
if (e.target.className == 'icon-bar') return;
__XNav__.close();
});
</script>
</nav>
<!-- Search -->
<div class="search-page">
<div class="search-icon-close-container">
<span class="search-icon-close">
<i class="fa fa-chevron-down"></i>
</span>
</div>
<div class="search-main container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<form></form>
<input type="text" id="search-input" placeholder="$ grep...">
</form>
<div id="search-results" class="mini-post-list"></div>
</div>
</div>
</div>
</div>
<!-- Main Content -->
<!-- 按照之前 Jekyll 的设计，index 应该依赖的是 pages 布局，但是 Hexo 中无法在 layout 布局之间传参（只能 include），不能通过 front matter 告诉父级布局 -->
<!-- 因为一些原因，page 类型传入参数是驼峰命名，post 类型是短斜杠命名 -->
<style type="text/css">
header.intro-header {
position: relative;
background-image: url("/img/index-bg.png");
}
header.intro-header .headerMask {
width: 100%;
height: 100%;
position: absolute;
background: rgba(0, 0, 0, 0.4);
}
</style>
<header class="intro-header">
<div class="headerMask"></div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<div class="site-heading">
<h1>Xheldon Blog</h1>
<span class="subheading">The Answer to Life, the Universe and Everything is...</span>
</div>
</div>
</div>
</div>
</header>
<style>
.data-loading {
width: 150px;
height: 10px;
margin:50px auto;
text-align: center;
}
.data-loading span {
display: inline-block;
width: 10px;
height: 100%;
margin-right: 5px;
background: #5bc0de;
-webkit-animation: load 1.04s ease infinite;
}
.data-loading span:last-child{
margin-right: 0px;
}
@-webkit-keyframes load{
0%{
opacity: 1;
-webkit-transform: scale(1.2);
}
100%{
opacity: .2;
-webkit-transform: scale(.2);
}
}
.data-loading span:nth-child(1){
-webkit-animation-delay:0.13s;
}
.data-loading span:nth-child(2){
-webkit-animation-delay:0.26s;
}
.data-loading span:nth-child(3){
-webkit-animation-delay:0.39s;
}
.data-loading span:nth-child(4){
-webkit-animation-delay:0.52s;
}
.data-loading span:nth-child(5){
-webkit-animation-delay:0.65s;
}
</style>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-1 col-md-8 col-md-offset-1 col-sm-12 col-xs-12 postlist-container">
<div class="post-preview">
<a href="/tech/jekyll-2-hexo.html">
<h2 class="post-title">Jekyll 迁移到 Hexo 问题记录</h2>
</a>
<div class="post-content-preview">
<div class="post-content-desc">
<h3 class="post-subtitle">
本文记录了从 Jekyll 博客引擎迁移到 Hexo 过程中遇到的一些问题。
</h3>
<span>
前言
我是一名前端开发人员，因此对其他的一些脚本语言如 Ruby 并不熟悉。刚开始写博客的时候使用了 Github Pages 作为博客平台，它默认使用的是 Jeklly 框架，想着内容比框架更重要，因此也就用着了，这一用就是 10 年。
期间换过一些主题，后来锁定了 Hux 提供的主题，简洁大方好看，而且是开源的：
黄玄的博客 | Hux Blog 「离开世界之前 一切都是过程」 htt...
</span>
</div>
</div>
<p class="post-meta">
写于 2025年01月07日
</p>
</div>
<hr />
<div class="post-preview">
<a href="/life/the-tools-i-used-in-2024.html">
<h2 class="post-title">赛博朋克 2024：我正在使用的工具们</h2>
</a>
<div class="post-content-preview">
<div class="post-content-desc">
<h3 class="post-subtitle">
本文回顾了2024年我正在使用使用的工具软件/硬件。
</h3>
<span>
前言
2024 年底了，趁着微信的内容助推券即将过期之际，总结一下本年度我日常开发过程中会频繁使用到的各种效率工具，软硬件均有，仅供参考。
付费订阅软件
Crusor
AI 编程，首当其冲（首当其冲：比喻首先受到攻击或遭遇灾难。此处用典——作者注）的是 Cursor。
在与 Windsurf、Github Copilot 的对比中，新代码生成能力基本不相上下，但是 Cursor 修改/重构...
</span>
</div>
<!-- https://cloud.tencent.com/document/product/436/42214/ -->
<div class="post-preview-thum">
<img width="100px" height="100px" src="https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/L3Bob3RvLTE1OTkyNTY2MzEwMTItOWMyYjMyYmZhOGJj-15a800e8-7a61-804c-9737-eac17475ec31.webp/hasaki" />
</div>
</div>
<p class="post-meta">
写于 2024年12月12日
</p>
</div>
<hr />
<div class="post-preview">
<a href="/tech/how-to-pppoe-after-close-tp-link-dhcp.html">
<h2 class="post-title">如何让 TP-Link 关闭 DHCP 后拨号上网</h2>
</a>
<div class="post-content-preview">
<div class="post-content-desc">
<h3 class="post-subtitle">
TP-Link 的新款路由器有一些奇怪的限制，比如你如果关闭了路由器的 DHCP 服务，全部的口就会变成 Lan 口。
</h3>
<span>
因为已经配置好了网络，所以一些页面我就用文字代替图片，毕竟为了写博客再重置一遍网络有点麻烦。
前言
我买的 TP-Link XDR-5480 有一个奇怪的设定：当你关闭了路由器的 DHCP 服务后，它的全部口（包括 SPF 转的口），都会变成 Lan 口，这就导致无法再光猫桥接+路由拨号上网了，而且你的 Lan 口 IP 无法指定，都会从前端路由（也就是光猫）获取。
此问题老款的 TP-L...
</span>
</div>
</div>
<p class="post-meta">
写于 2024年11月04日
</p>
</div>
<hr />
<div class="post-preview">
<a href="/tech/how-i-use-notion-flow.html">
<h2 class="post-title">如何使用 Notion Flow 模块转换</h2>
</a>
<div class="post-content-preview">
<div class="post-content-desc">
<h3 class="post-subtitle">
我有特别的 Notion Flow 使用技巧~
</h3>
<span>
一周前，我构建了 Notion Flow 浏览器扩展：
Xheldon on Twitter / X Notion Flow 浏览器插件终于发布了，配置和介绍见视频：https://t.co/pw4yYwnt8h官网见：https://t.co/6326Q4gIWC插件用来将 Notion 内容以 Markdown 或者你自定义的任意格式发送到 Github，我用它来写使用了 Github...
</span>
</div>
</div>
<p class="post-meta">
写于 2024年03月31日
</p>
</div>
<hr />
<div class="post-preview">
<a href="/tech/use-notion-flow.html">
<h2 class="post-title">【视频】使用 Notion Flow 简化你的博客发布流程</h2>
</a>
<div class="post-content-preview">
<div class="post-content-desc">
<h3 class="post-subtitle">
分享 Notion Flow 的配置视频
</h3>
<span>
本文分享使用 Notion Flow 来简化你的博客发布流程的视频，具体官网见:
Notion Flow | Notion Flow Send your Notion content to github with Markdown https://notion-flow.xheldon.com
Youtube：
Bilibili：
</span>
</div>
</div>
<p class="post-meta">
写于 2024年03月21日
</p>
</div>
<hr />
<div class="post-preview">
<a href="/life/make-vscode-great-forever.html">
<h2 class="post-title">让 VSCode 更好用的设置——前端开发角度</h2>
</a>
<div class="post-content-preview">
<div class="post-content-desc">
<h3 class="post-subtitle">
本文介绍我作为一名前端工程师，是如何优化 VSCode 设置，让它更好用的。
</h3>
<span>
☝🏻后面计划出一期视频说明，因为有些设置的效果需要演示才能看出差异，而我又懒得制作动图在博客中了。
前言
刚开始学习前端的时候，还没有 VSCode，那时我用的是 WebStorm（当时是学生，所以用的盗版）。开箱即用的体验让人爱不释手。后来由于办公电脑配置的下沉，以及它对 4K 及多显示器卡顿问题的长久不解决，再加上周围同事的影响， 最终一击是「配置同步」让我最终切换到 VSCode 。...
</span>
</div>
<!-- https://cloud.tencent.com/document/product/436/42214/ -->
<div class="post-preview-thum">
<img width="100px" height="100px" src="https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/LzFlM2U3YzA1LWZjMTEtNDAzOC05Zjc2LTkyZGIzMmI5ODgyNC8xY2JmZGRjMy1kNDU3LTRkM2ItOTQ0OC1iNDEyYjFiYTM1ZDkvQ2xlYW5TaG90XzIwMjNfMTJfMjUtMjJfMDNfNTAyeC5wbmc=-985292be-c0f7-4584-9641-e964d96cc1de.webp/hasaki" />
</div>
</div>
<p class="post-meta">
写于 2023年12月21日
</p>
</div>
<hr />
<div class="post-preview">
<a href="/life/iptv-for-apple-tv-in-beijing.html">
<h2 class="post-title">使用 Apple TV 收看北京联通 IPTV</h2>
</a>
<div class="post-content-preview">
<div class="post-content-desc">
<h3 class="post-subtitle">
本文介绍了一种使用 Apple TV 观看北京联通 IPTV 的方案，以供需要者参考。
</h3>
<span>
前言
之前在 这篇博客 讲了现在家庭观影的方案，其中提到的一个点是使用网络上别人抓取到的 IPTV 的节目地址（m3u 后缀），放入 iPlayTV 中，可以直接播。但是这个节目地址过一段时间就失效了，这是因为联通 IPTV 服务器会时不时的会更新一下节目的播放地址，而 Apple TV 上填写的地址是固定的，无法及时更新，因此本文就来解决这个问题。
🚧**使用前必读：**本人为北京联通宽...
</span>
</div>
</div>
<p class="post-meta">
写于 2023年10月30日
</p>
</div>
<hr />
<div class="post-preview">
<a href="/life/the-use-of-teslamate.html">
<h2 class="post-title">TeslaMate 使用指南</h2>
</a>
<div class="post-content-preview">
<div class="post-content-desc">
<h3 class="post-subtitle">
介绍一下 TeslaMate 安装和使用过程中的一些问题。
</h3>
<span>
💡本指南需要有一丁点的编程知识，知道什么是终端、什么是命令行。
💡本教程使用 Docker 安装 TeslaMate，如果你是在软路由环境，可能需要做一些额外操作如端口映射等，浏览器才能访问。而我的 Mac 电脑常年不关机，因此装在了 Mac 系统下的 Docker 上。
💡有点遗憾的是，TeslaMate 不能获取车辆的历史信息，因此你只能查看安装 TeslaMate 后的车辆行驶数...
</span>
</div>
<!-- https://cloud.tencent.com/document/product/436/42214/ -->
<div class="post-preview-thum">
<img width="100px" height="100px" src="https://static.xheldon.cn/img/in-post/2023/the-use-of-teslamate/L3Bob3RvLTE1NTMyNjAxNjgtNjliMDQxODczZTY1-76e13c1d-ce74-4418-82db-1a746781afb6.webp/hasaki" />
</div>
</div>
<p class="post-meta">
写于 2023年09月06日
</p>
</div>
<hr />
<div class="post-preview">
<a href="/life/arc-a-easy-use-browser.html">
<h2 class="post-title">Arc：一个「好用」的浏览器</h2>
</a>
<div class="post-content-preview">
<div class="post-content-desc">
<h3 class="post-subtitle">
为什么我在短短使用 Arc 1 天后就决定将它作为默认浏览器？
</h3>
<span>
⚠️目前 Arc 处于公测阶段，需要邀请码或者排队申请才能使用，而每个使用的人有 5 个邀请码可以分发给朋友，有想体验 Arc 浏览器的可以私聊找我。
✅目前截止发布本篇博客，Arc 浏览器仅 Mac 和 iPhone 端可用。
前言
浏览器相信大家都不陌生。个人认为，计算机科学的本质是数据和数据处理，互联网的本质是信息交换，因此，如何面向普通大众更高效的处理互联网的海量数据是一个非常重要的...
</span>
</div>
<!-- https://cloud.tencent.com/document/product/436/42214/ -->
<div class="post-preview-thum">
<img width="100px" height="100px" src="https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/L3Bob3RvLTE1MDc5MDQxMzkzMTYtM2M3NDIyYTk3YTQ5-dae90c66-1893-4c9f-b43b-3e5b41dabe23.webp/hasaki" />
</div>
</div>
<p class="post-meta">
写于 2023年05月09日
</p>
</div>
<hr />
<div class="post-preview">
<a href="/life/have-a-car-2023.html">
<h2 class="post-title">2023 北京买车流水账记录</h2>
</a>
<div class="post-content-preview">
<div class="post-content-desc">
<h3 class="post-subtitle">
记录一下从决定买车到开上路的历程。
</h3>
<span>
💡免责声明：本文不针对任何国家、不针对任何车企、不针对任何门店、不针对任何车型、不针对任何个人，仅从个人购车研究经历角度分享自己的主观想法，如有冒犯，联系我说明原因后删除相关内容。
背景介绍
在北京开车像在所有地方开车一样，需要有一个车和车牌（废话+1），但是北京又有其特殊性，下面展开说。
车牌名词解释：
油标：普通燃油车车牌指标。
电标/新能源标：电车/新能源车车牌指标。虽然字面...
</span>
</div>
<!-- https://cloud.tencent.com/document/product/436/42214/ -->
<div class="post-preview-thum">
<img width="100px" height="100px" src="https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/MjAyMy0wNS0wNVQwNDoyMDowMC4wMDBa-1f71d6f2-00a7-4b96-a010-8b9ced29f156.webp/hasaki" />
</div>
</div>
<p class="post-meta">
写于 2023年05月04日
</p>
</div>
<hr />
<div class="post-preview">
<a href="/life/time-to-talk-episode-2.html">
<h2 class="post-title">【泡脚时间】第二期：简单粗暴</h2>
</a>
<div class="post-content-preview">
<div class="post-content-desc">
<h3 class="post-subtitle">
每次会根据五个观点、主题、想法等展开，本系列不定期更新，纯个人观点，请勿上纲上线。
</h3>
<span>
因为工作的原因，爱人每天会比我早出门一个小时，而下班会比我早到家两个小时。因此除了吃早饭的短暂时间外，在工作日的时候，我们两人交流的时间很少。因此，所谓「泡脚时间」即是每天下班回来后，给爱人烧水泡脚的时候，两人交谈的短暂时间，话题无所不包，语言也大部分是口语没有逻辑可言。所谓，两个苹果交换，双方还是只有两个苹果；而两个思想交换，却不止两种思想产生。因此在这里我将我们交谈的部分观点写出来，有...
</span>
</div>
<!-- https://cloud.tencent.com/document/product/436/42214/ -->
<div class="post-preview-thum">
<img width="100px" height="100px" src="https://static.xheldon.cn/img/in-post/2023/time-to-talk-episode-2/photo-1446776811953-b23d57bd21aa.webp/hasaki" />
</div>
</div>
<p class="post-meta">
写于 2023年03月05日
</p>
</div>
<hr />
<div class="post-preview">
<a href="/life/airpods-pro2.html">
<h2 class="post-title">开箱：AirPods Pro 2代初体验</h2>
</a>
<div class="post-content-preview">
<div class="post-content-desc">
<h3 class="post-subtitle">
AirPods Pro 2 代发布半年后的最晚开箱
</h3>
<span>
前言
我总共有三个耳机，一个是 AirPods 2 代路上用，其他两个都是 17 年买的索尼耳机，一个是 mdr-1000x，在公司用；另一个是 mdr-100abn，在家用。
本来，100abn 是领导买来用的，但是用了两次就不用了，说太沉了压头，其实我的 1000x 也是如此，后来我和领导双双换了 AirPods 2 代，这两个索尼的耳机就在家吃灰好些年。
平常使用的话，1000x...
</span>
</div>
<!-- https://cloud.tencent.com/document/product/436/42214/ -->
<div class="post-preview-thum">
<img width="100px" height="100px" src="https://static.xheldon.cn/img/in-post/2023/airpods-pro2/photo-1673448884901-ea493321b1d1.webp/hasaki" />
</div>
</div>
<p class="post-meta">
写于 2023年02月13日
</p>
</div>
<hr />
<div class="post-preview">
<a href="/tech/prosemirror-comparison-with-slatejs.html">
<h2 class="post-title">Slate 和 ProseMirror 简单对比</h2>
</a>
<div class="post-content-preview">
<div class="post-content-desc">
<h3 class="post-subtitle">
Slate 和 Prosemirror 各用过两年后的简单对比总结
</h3>
<span>
本人之前使用 PM 不到两年，开发过大型模块如智能表格等；使用 Slate 至今，经历过从 0.47 到 0.5+ 的大版本升级，算是有点发言权，鉴于圈内一些人总问我二者之间的差异，干脆写个博客简单来说说。
Slate 优点：
上手快，开箱即用，概念易懂，代码容易理解，尤其是对熟悉 React 的同学来说，其视图层完全基于 React，基本上一周就能上手理解。
定制性强，可以根据自身...
</span>
</div>
<!-- https://cloud.tencent.com/document/product/436/42214/ -->
<div class="post-preview-thum">
<img width="100px" height="100px" src="https://static.xheldon.cn/img/in-post/2023/prosemirror-comparison-with-slatejs/photo-1546900703-cf06143d1239.webp/hasaki" />
</div>
</div>
<p class="post-meta">
写于 2023年01月06日
</p>
</div>
<hr />
<div class="post-preview">
<a href="/tech/problem-use-sharp.html">
<h2 class="post-title">使用 Sharp 转换 HEIC/HEIF 图片遇到的问题</h2>
</a>
<div class="post-content-preview">
<div class="post-content-desc">
<h3 class="post-subtitle">
记录使用 Sharp 压缩 HEIC 格式图片时遇到的问题和解决的过程
</h3>
<span>
苹果相机在 iOS 11 之后，将相机默认的格式设置为了 HEIC，据说可以在不缩减照片质量的前提下，大幅缩减照片体积，你可以在 设置-相机-格式 来查看，「高效」表示的就是 HEIC 格式，「兼容性最佳」表示的是原始的 JEPG 格式。关于 HEIC 格式更多介绍可以看 这里。
由此带来的问题是，目前所有的 Web 浏览器都不支持显示 HEIC 格式的图片，因此如何转换该格式的图片就成为了...
</span>
</div>
<!-- https://cloud.tencent.com/document/product/436/42214/ -->
<div class="post-preview-thum">
<img width="100px" height="100px" src="https://static.xheldon.cn/img/in-post/2023/problem-use-sharp/photo-1603468620905-8de7d86b781e.webp/hasaki" />
</div>
</div>
<p class="post-meta">
写于 2023年01月05日
</p>
</div>
<hr />
<div class="post-preview">
<a href="/life/my-2022.html">
<h2 class="post-title">2023 年展望和 2022 年回顾</h2>
</a>
<div class="post-content-preview">
<div class="post-content-desc">
<h3 class="post-subtitle">
2022 大事记和 2023 展望
</h3>
<span>
本来我是并不打算写这些东西的，因为我并不是一个仪式感特别重的人。但是 2022 年是一个从各个方面来说都注定不平凡的一年，因此我想趁着 2023 年元旦来临的时候，回顾一下我的 2022 年，算是对疫情时代的告别。当然有告别就有迎接，所以本文中也会有对 2023 年的规划和展望。
可能有点偏时间线叙事或者流水账式的索然无味，看看就好。
2022 年 Q1：辞旧迎新
2022 年元旦去了自然博...
</span>
</div>
<!-- https://cloud.tencent.com/document/product/436/42214/ -->
<div class="post-preview-thum">
<img width="100px" height="100px" src="https://static.xheldon.cn/img/in-post/2023/my-2022/photo-1640114252782-a34fab3f3230.webp/hasaki" />
</div>
</div>
<p class="post-meta">
写于 2023年01月05日
</p>
</div>
<hr />
<div class="post-preview">
<a href="/life/why-i-need-a-hk-sim-card.html">
<h2 class="post-title">为什么我要有一个香港手机号</h2>
</a>
<div class="post-content-preview">
<div class="post-content-desc">
<h3 class="post-subtitle">
简单介绍一下我要搞一个香港手机号的理由
</h3>
<span>
因为一些众所周知的原因，国内的苹果 app store 商店有些软件是无法下载的，同时，大陆地区的苹果服务如 Apple TV、Apple TV+、iTunes Store、Book Store、Apple One、Apple Arcade、Apple News 都是没有的，而 Apple Music、Apple 播客、iCloud+ 的服务也是阉割版的，因此这是我想要一个国外手机号的直接动...
</span>
</div>
<!-- https://cloud.tencent.com/document/product/436/42214/ -->
<div class="post-preview-thum">
<img width="100px" height="100px" src="https://static.xheldon.cn/img/in-post/2023/why-i-need-a-hk-sim-card/photo-1603515161074-3206aaeb03f2.webp/hasaki" />
</div>
</div>
<p class="post-meta">
写于 2023年01月02日
</p>
</div>
<hr />
<div class="post-preview">
<a href="/tech/workflow-of-blog-publish-base-of-craft.html">
<h2 class="post-title">【视频】基于 Craft 插件的博客发布工作流介绍</h2>
</a>
<div class="post-content-preview">
<div class="post-content-desc">
<h3 class="post-subtitle">
第一次尝试做视频…
</h3>
<span>
此博文为视频，发布在：
Youtube：
Bilibili：
这里额外再补充一点：
视频中提到的 XHelper.app 基本是这个仓库：
GitHub - Xheldon/craft_publish_ci: 专门用于接收 Craft 文件然后拉取其图片转存到 cos，而 markdown 转发到 x_blog_src 的 ci 仓库 专门用于接收 Craft 文件然后拉取其图...
</span>
</div>
</div>
<p class="post-meta">
写于 2022年12月30日
</p>
</div>
<hr />
<div class="post-preview">
<a href="/life/god-of-war-4.html">
<h2 class="post-title">【游戏时间】战神系列之四</h2>
</a>
<div class="post-content-preview">
<div class="post-content-desc">
<h3 class="post-subtitle">
本文简单介绍了战神5的主线剧情和各个人物在神话故事中的背景角色及战神5的轻微剧透和战神6、7的剧情展望。
</h3>
<span>
不像很多「普通人家」的孩子，从小就能拥有一台「次时代」主机。长这么大第一次拥有自己的游戏主机是工作了几年之后。既然买都买了，按照我的人设，不记录点什么就白买了，遂成此系列。
注意，内容有战神 4 大量剧透和战神 5 部分剧透，结尾有战神 6、7 的猜想。
战神的前作我没有玩儿过，因为据说是运行在 PSP 或者 PS3 上的游戏。我上手就是从战神 4 开始的。
奎托斯——人称「奎爷」的...
</span>
</div>
<!-- https://cloud.tencent.com/document/product/436/42214/ -->
<div class="post-preview-thum">
<img width="100px" height="100px" src="https://static.xheldon.cn/img/in-post/2022/god-of-war-4/undefined.webp/hasaki" />
</div>
</div>
<p class="post-meta">
写于 2022年11月20日
</p>
</div>
<hr />
<div class="post-preview">
<a href="/tech/home-network-router.html">
<h2 class="post-title">家庭网络折腾之路由器</h2>
</a>
<div class="post-content-preview">
<div class="post-content-desc">
<h3 class="post-subtitle">
家庭网络设备小白科普文
</h3>
<span>
前言
花了一周时间研究了一下路由器，浪费的时间如果不记录一下就白白浪费了，遂有此文。
之前写过 我的家庭网络拓扑结构，当时使用的路由器是联通宽带送的中兴 WiFi6 双频，速度说实话也还可以，有线大概能到 500M，但是无线就比较差了，把路由器放到客厅，卧室信号就不满格，厕所干脆就没信号了，而且媳妇儿经常抱怨说淘宝、抖音，刷着刷着打不开（断流？）。因此想趁着双十一，考虑入手一款路由器。
我的...
</span>
</div>
</div>
<p class="post-meta">
写于 2022年11月15日
</p>
</div>
<hr />
<div class="post-preview">
<a href="/tech/the-using-of-clash-for-windows.html">
<h2 class="post-title">关于 Clash 使用的一点记录</h2>
</a>
<div class="post-content-preview">
<div class="post-content-desc">
<h3 class="post-subtitle">
Clash For Windows For Mac 简单使用场景。
</h3>
<span>
⚠️ 本文涉及的节点、机场订阅服务，都是子虚乌有个人杜撰的，实际并不存在，此处只是一个 Demo 示例，请大家知晓。
前言
Clash 是一款好用的富强工具，它只是一个内核叫 Clash core，本质是一款命令行工具（谁又说任何软件本质不是命令行呢？），大神们据此开发了各式各样的 GUI 界面以方便设置和使用。我曾经使用过 Mac 上的 ClashX 和 Clash For Windo...
</span>
</div>
</div>
<p class="post-meta">
写于 2022年10月08日
</p>
</div>
<hr />
<!-- Pager -->
<ul class="pager">
<li class="next">
<a href="/page2/">下一页 →</a>
</li>
</ul>
</div>
<div class="col-lg-3 col-lg-offset-0 col-md-3 col-md-offset-0 col-sm-12 col-xs-12 sidebar-container">
<section style="margin-bottom: 20px;">
<h5>博主说：</h5>
<div>
<img style="float: right; max-width: 120px; max-height: 120px; margin-right: 5px; margin-top: -45px;" src="/img/gwechat.png" />
我常常希望在面对人生中一些关键抉择的时候，有人可以告诉我最佳的做法，让我不至于白白浪费宝贵的时间。推己及人，我因此经常写博客，以期在浩渺无垠的互联网中的这个小小角落里记录下对于我来说只有一次的人生经历，希望能够帮到那些希望得到帮助的人。
</div>
<hr>
<h5><a href="/archive/">热门标签</a></h5>
<div class="tags">
<a data-sort="0029"
href="/archive/?tag=%E6%8A%80%E6%9C%AF"
title="技术"
rel="45">技术</a>
<a data-sort="0048"
href="/archive/?tag=%E7%94%9F%E6%B4%BB"
title="生活"
rel="26">生活</a>
<a data-sort="0063"
href="/archive/?tag=%E6%8A%98%E8%85%BE"
title="折腾"
rel="11">折腾</a>
<a data-sort="0068"
href="/archive/?tag=%E6%8A%80%E5%B7%A7"
title="技巧"
rel="6">技巧</a>
<a data-sort="0068"
href="/archive/?tag=%E6%95%99%E7%A8%8B"
title="教程"
rel="6">教程</a>
<a data-sort="0068"
href="/archive/?tag=%E7%BF%BB%E8%AF%91"
title="翻译"
rel="6">翻译</a>
<a data-sort="0069"
href="/archive/?tag=%E7%BE%8E%E9%A3%9F"
title="美食"
rel="5">美食</a>
<a data-sort="0069"
href="/archive/?tag=ProseMirror"
title="ProseMirror"
rel="5">ProseMirror</a>
<a data-sort="0070"
href="/archive/?tag=%E5%B7%A5%E4%BD%9C%E6%B5%81"
title="工作流"
rel="4">工作流</a>
<a data-sort="0070"
href="/archive/?tag=%E6%8F%92%E4%BB%B6"
title="插件"
rel="4">插件</a>
<a data-sort="0070"
href="/archive/?tag=%E7%BB%8F%E9%AA%8C"
title="经验"
rel="4">经验</a>
<a data-sort="0070"
href="/archive/?tag=%E7%BD%91%E7%BB%9C"
title="网络"
rel="4">网络</a>
<a data-sort="0070"
href="/archive/?tag=Craft"
title="Craft"
rel="4">Craft</a>
<a data-sort="0070"