-
Notifications
You must be signed in to change notification settings - Fork 0
/
index 3.html
1280 lines (933 loc) · 47.6 KB
/
index 3.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">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
<meta name="theme-color" content="#222">
<meta name="generator" content="Hexo 6.1.0">
<link rel="apple-touch-icon" sizes="180x180" href="/images/fish.png">
<link rel="icon" type="image/png" sizes="32x32" href="/images/fish.png">
<link rel="icon" type="image/png" sizes="16x16" href="/images/fish.png">
<link rel="mask-icon" href="/images/fish.svg" color="#222">
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic&display=swap&subset=latin,latin-ext">
<link rel="stylesheet" href="/lib/font-awesome/css/all.min.css">
<script id="hexo-configurations">
var NexT = window.NexT || {};
var CONFIG = {"hostname":"yoursite.com","root":"/","scheme":"Pisces","version":"7.8.0","exturl":false,"sidebar":{"position":"left","display":"post","padding":18,"offset":12,"onmobile":false},"copycode":{"enable":false,"show_result":false,"style":null},"back2top":{"enable":true,"sidebar":false,"scrollpercent":false},"bookmark":{"enable":false,"color":"#222","save":"auto"},"fancybox":false,"mediumzoom":false,"lazyload":false,"pangu":false,"comments":{"style":"tabs","active":null,"storage":true,"lazyload":false,"nav":null},"algolia":{"hits":{"per_page":10},"labels":{"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}},"localsearch":{"enable":false,"trigger":"auto","top_n_per_article":1,"unescape":false,"preload":false},"motion":{"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideUpIn"}}};
</script>
<meta name="description" content="Hope you find something interesting here.">
<meta property="og:type" content="website">
<meta property="og:title" content="Fishiu">
<meta property="og:url" content="http://yoursite.com/index.html">
<meta property="og:site_name" content="Fishiu">
<meta property="og:description" content="Hope you find something interesting here.">
<meta property="og:locale" content="en_US">
<meta property="article:author" content="Xiaoyuan Jin">
<meta name="twitter:card" content="summary">
<link rel="canonical" href="http://yoursite.com/">
<script id="page-configurations">
// https://hexo.io/docs/variables.html
CONFIG.page = {
sidebar: "",
isHome : true,
isPost : false,
lang : 'en'
};
</script>
<title>Fishiu</title>
<noscript>
<style>
.use-motion .brand,
.use-motion .menu-item,
.sidebar-inner,
.use-motion .post-block,
.use-motion .pagination,
.use-motion .comments,
.use-motion .post-header,
.use-motion .post-body,
.use-motion .collection-header { opacity: initial; }
.use-motion .site-title,
.use-motion .site-subtitle {
opacity: initial;
top: initial;
}
.use-motion .logo-line-before i { left: initial; }
.use-motion .logo-line-after i { right: initial; }
</style>
</noscript>
</head>
<body itemscope itemtype="http://schema.org/WebPage">
<div class="container use-motion">
<div class="headband"></div>
<header class="header" itemscope itemtype="http://schema.org/WPHeader">
<div class="header-inner"><div class="site-brand-container">
<div class="site-nav-toggle">
<div class="toggle" aria-label="Toggle navigation bar">
<span class="toggle-line toggle-line-first"></span>
<span class="toggle-line toggle-line-middle"></span>
<span class="toggle-line toggle-line-last"></span>
</div>
</div>
<div class="site-meta">
<a href="/" class="brand" rel="start">
<span class="logo-line-before"><i></i></span>
<h1 class="site-title">Fishiu</h1>
<span class="logo-line-after"><i></i></span>
</a>
</div>
<div class="site-nav-right">
<div class="toggle popup-trigger">
</div>
</div>
</div>
<nav class="site-nav">
<ul id="menu" class="main-menu menu">
<li class="menu-item menu-item-home">
<a href="/" rel="section"><i class="fa fa-home fa-fw"></i>Home</a>
</li>
<li class="menu-item menu-item-about">
<a href="/about/" rel="section"><i class="fa fa-user fa-fw"></i>About</a>
</li>
<li class="menu-item menu-item-tags">
<a href="/tags/" rel="section"><i class="fa fa-tags fa-fw"></i>Tags</a>
</li>
<li class="menu-item menu-item-categories">
<a href="/categories/" rel="section"><i class="fa fa-th fa-fw"></i>Categories</a>
</li>
<li class="menu-item menu-item-archives">
<a href="/archives/" rel="section"><i class="fa fa-archive fa-fw"></i>Archives</a>
</li>
</ul>
</nav>
</div>
</header>
<div class="back-to-top">
<i class="fa fa-arrow-up"></i>
<span>0%</span>
</div>
<main class="main">
<div class="main-inner">
<div class="content-wrap">
<div class="content index posts-expand">
<article itemscope itemtype="http://schema.org/Article" class="post-block" lang="en">
<link itemprop="mainEntityOfPage" href="http://yoursite.com/2020/06/28/welcome/">
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
<meta itemprop="image" content="/images/avatar.jpeg">
<meta itemprop="name" content="Xiaoyuan Jin">
<meta itemprop="description" content="Hope you find something interesting here.">
</span>
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="Fishiu">
</span>
<header class="post-header">
<h2 class="post-title" itemprop="name headline">
<a href="/2020/06/28/welcome/" class="post-title-link" itemprop="url">Welcome</a>
</h2>
<div class="post-meta">
<span class="post-meta-item">
<span class="post-meta-item-icon">
<i class="fa fa-thumbtack"></i>
</span>
<span class="post-meta-item-text">置顶</span>
</span>
<span class="post-meta-item">
<span class="post-meta-item-icon">
<i class="far fa-calendar"></i>
</span>
<span class="post-meta-item-text">Posted on</span>
<time title="Created: 2020-06-28 13:13:37" itemprop="dateCreated datePublished" datetime="2020-06-28T13:13:37+08:00">2020-06-28</time>
</span>
<span class="post-meta-item">
<span class="post-meta-item-icon">
<i class="far fa-calendar-check"></i>
</span>
<span class="post-meta-item-text">Edited on</span>
<time title="Modified: 2021-12-24 02:29:16" itemprop="dateModified" datetime="2021-12-24T02:29:16+08:00">2021-12-24</time>
</span>
<span class="post-meta-item">
<span class="post-meta-item-icon">
<i class="far fa-folder"></i>
</span>
<span class="post-meta-item-text">In</span>
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
<a href="/categories/%E6%9D%82%E4%B8%83%E6%9D%82%E5%85%AB/" itemprop="url" rel="index"><span itemprop="name">杂七杂八</span></a>
</span>
</span>
<br>
<span class="post-meta-item" title="Symbols count in article">
<span class="post-meta-item-icon">
<i class="far fa-file-word"></i>
</span>
<span class="post-meta-item-text">Symbols count in article: </span>
<span>303</span>
</span>
<span class="post-meta-item" title="Reading time">
<span class="post-meta-item-icon">
<i class="far fa-clock"></i>
</span>
<span class="post-meta-item-text">Reading time ≈</span>
<span>1 mins.</span>
</span>
</div>
</header>
<div class="post-body" itemprop="articleBody">
<p>Welcome to my blog!</p>
<center>
<img style="margin-bottom: 15px" src="http://pic.fishiu.com/ipic/jbdhu.jpg">
<div style="color:orange; border-bottom: 1px solid #d9d9d9;display: inline-block;color: #999;padding: 2px;">
猫咖拍的可爱照骗～
</div>
</center>
<p>我的文章将有以下几个分类「尽管学过信息组织，还是对分类感到非常头疼哈哈哈哈」</p>
<!--noindex-->
<div class="post-button">
<a class="btn" href="/2020/06/28/welcome/" rel="contents">
Read more »
</a>
</div>
<!--/noindex-->
</div>
<footer class="post-footer">
<div class="post-eof"></div>
</footer>
</article>
<article itemscope itemtype="http://schema.org/Article" class="post-block" lang="en">
<link itemprop="mainEntityOfPage" href="http://yoursite.com/2022/08/21/doccano/">
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
<meta itemprop="image" content="/images/avatar.jpeg">
<meta itemprop="name" content="Xiaoyuan Jin">
<meta itemprop="description" content="Hope you find something interesting here.">
</span>
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="Fishiu">
</span>
<header class="post-header">
<h2 class="post-title" itemprop="name headline">
<a href="/2022/08/21/doccano/" class="post-title-link" itemprop="url">How to deploy doccano on my new server</a>
</h2>
<div class="post-meta">
<span class="post-meta-item">
<span class="post-meta-item-icon">
<i class="far fa-calendar"></i>
</span>
<span class="post-meta-item-text">Posted on</span>
<time title="Created: 2022-08-21 16:42:52 / Modified: 16:51:20" itemprop="dateCreated datePublished" datetime="2022-08-21T16:42:52+08:00">2022-08-21</time>
</span>
<span class="post-meta-item">
<span class="post-meta-item-icon">
<i class="far fa-folder"></i>
</span>
<span class="post-meta-item-text">In</span>
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
<a href="/categories/Geek/" itemprop="url" rel="index"><span itemprop="name">Geek</span></a>
</span>
,
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
<a href="/categories/Geek/%E7%8E%AF%E5%A2%83/" itemprop="url" rel="index"><span itemprop="name">环境</span></a>
</span>
</span>
<br>
<span class="post-meta-item" title="Symbols count in article">
<span class="post-meta-item-icon">
<i class="far fa-file-word"></i>
</span>
<span class="post-meta-item-text">Symbols count in article: </span>
<span>1.5k</span>
</span>
<span class="post-meta-item" title="Reading time">
<span class="post-meta-item-icon">
<i class="far fa-clock"></i>
</span>
<span class="post-meta-item-text">Reading time ≈</span>
<span>3 mins.</span>
</span>
</div>
</header>
<div class="post-body" itemprop="articleBody">
<p>本文介绍一下如何购买一台小服务器，并且以部署标注工具doccano为案例进行实操，包括如血</p>
<ul>
<li>服务器选购建议</li>
<li>服务器的基本配置
<ul>
<li>防火墙</li>
</ul></li>
<li>如何部署doccano
<ul>
<li>安装docker</li>
<li>安装并启动doccano</li>
</ul></li>
</ul>
<h2 id="选购服务器">选购服务器</h2>
<p>一般用腾讯或者阿里云的轻量云服务器，最底层的配置是1核2G内存，学生特价能做到10元每月左右，我自己主力是使用腾讯云，下文以腾讯云为例。</p>
<p>选购服务器的时候一般会让选择“镜像”，也就是我们所谓的操作系统，建议选择ubuntu最新版本（目前是ubuntu22.04），因为它的使用量大，网上教程好找。</p>
<h2 id="配置服务器">配置服务器</h2>
<p>拿到新的服务器之后，首先从腾讯云等供应商的控制台获得登陆密码，建议获得密码之后配置ssh免密码登录。</p>
<p>到这里服务器基本就能用了，还差一件事，打开端口（腾讯云叫：安全组），入口如下图。</p>
<figure>
<img src="http://pic.fishiu.com/uPic/gAVkOy.png" alt="image-20220821151649388" /><figcaption aria-hidden="true">image-20220821151649388</figcaption>
</figure>
<p>简单解释一下原理，外界（包括你自己，包括黑客）通过网络访问机器时需要通过IP地址和端口（Port）来定位，为了安全起见，腾讯云默认一般只放通最常用的端口，比如SSH用的22（如果你把22关掉那一般就不能通过SSH来连接机器了，因为SSH默认是22）。但是如果你想要开放标注工具等自建网站，就需要把这个网站使用的端口也开放一下。</p>
<p>所以怎么修改安全组呢？进入上面的安全组管理界面后，找到服务器正在使用的安全组，在入站规则里面进行“添加规则”，比如如果我要开放5000端口（后文案例开放的是8000，记得改一下），就这样添加：</p>
<figure>
<img src="http://pic.fishiu.com/uPic/Y6SLlF.png" alt="image-20220821152832317" /><figcaption aria-hidden="true">image-20220821152832317</figcaption>
</figure>
<p>然后外部网络就可以访问5000这个端口了。</p>
<h2 id="安装docker">安装Docker</h2>
<blockquote>
<p>下面就是关于如何让这台服务器干活，我们以安装doccano标注系统为例</p>
</blockquote>
<p>首先安装docker，以<a target="_blank" rel="noopener" href="https://docs.docker.com/engine/install/ubuntu/">docker官网教程</a>为主，可以参考2022年春<a target="_blank" rel="noopener" href="https://www.notion.so/leverestfish/5d383950803649e89e5a780036a277fa#b6cfa37ddd7c4316b8a2f2ce19b3ae5a">分布式计算课程中的讲义</a>，最后记得测试一下是不是装好了</p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">docker run hello-world</span><br><span class="line"></span><br><span class="line"><span class="comment"># 如果报错的话，运行一下命令后，重试（其中<username>是你的用户名，比如ubuntu）</span></span><br><span class="line">sudo usermod -aG docker <username></span><br></pre></td></tr></table></figure>
<p>这个过程可能比较久，如果碰到问题不要着急，尽量先确定问题原因（版本问题？网络问题？），然后搜办法，<del>或者去腾讯云控制台把机器重装一下，从头来过</del>。如果网络不太给力，可以参考一下<a target="_blank" rel="noopener" href="https://evilran.me/2021/05/solve-docker-installation-too-slow-on-ubuntu">这个教程</a>（我是用了代理，但是比较麻烦，可以试试修改docker为国内源）</p>
<h2 id="部署doccano">部署Doccano</h2>
<p>装好docker就可以部署<a target="_blank" rel="noopener" href="https://github.com/doccano/doccano#docker">doccano</a>了，两个个命令就行了，注意里面有很多可以自定义的选项，比如 <code>[email protected]</code> 和 <code>password</code>。启动容器后就可以直接根据IP地址:8000来访问了。</p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br></pre></td><td class="code"><pre><span class="line">docker pull doccano/doccano</span><br><span class="line"></span><br><span class="line"><span class="comment"># 创建一个名为doccano（可以随便改）的容器，基于doccano/doccano</span></span><br><span class="line">docker container create --name doccano \</span><br><span class="line"> -e <span class="string">"ADMIN_USERNAME=admin"</span> \</span><br><span class="line"> -e <span class="string">"[email protected]"</span> \</span><br><span class="line"> -e <span class="string">"ADMIN_PASSWORD=password"</span> \</span><br><span class="line"> -v doccano-db:/data \</span><br><span class="line"> -p 8000:8000 doccano/doccano</span><br><span class="line"></span><br><span class="line"><span class="comment"># 启动名为doccano的容器（上一条命了--name指定的名字）</span></span><br><span class="line">docker start doccano</span><br></pre></td></tr></table></figure>
<p>Docker 操作还是比较复杂的，建议简单学一学，不要一不小心把容器删掉，那标注数据就全没了（一定要及时备份！）。</p>
<p>完结撒花！</p>
<figure>
<img src="http://pic.fishiu.com/uPic/xFIgut.png" alt="image-20220821162544617" /><figcaption aria-hidden="true">image-20220821162544617</figcaption>
</figure>
</div>
<footer class="post-footer">
<div class="post-eof"></div>
</footer>
</article>
<article itemscope itemtype="http://schema.org/Article" class="post-block" lang="en">
<link itemprop="mainEntityOfPage" href="http://yoursite.com/2022/04/01/nobelium/">
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
<meta itemprop="image" content="/images/avatar.jpeg">
<meta itemprop="name" content="Xiaoyuan Jin">
<meta itemprop="description" content="Hope you find something interesting here.">
</span>
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="Fishiu">
</span>
<header class="post-header">
<h2 class="post-title" itemprop="name headline">
<a href="/2022/04/01/nobelium/" class="post-title-link" itemprop="url">Tips When Deploying Your Notion Blogs to Vercel with Nobelium</a>
</h2>
<div class="post-meta">
<span class="post-meta-item">
<span class="post-meta-item-icon">
<i class="far fa-calendar"></i>
</span>
<span class="post-meta-item-text">Posted on</span>
<time title="Created: 2022-04-01 02:24:50 / Modified: 04:01:32" itemprop="dateCreated datePublished" datetime="2022-04-01T02:24:50+08:00">2022-04-01</time>
</span>
<span class="post-meta-item">
<span class="post-meta-item-icon">
<i class="far fa-folder"></i>
</span>
<span class="post-meta-item-text">In</span>
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
<a href="/categories/Geek/" itemprop="url" rel="index"><span itemprop="name">Geek</span></a>
</span>
,
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
<a href="/categories/Geek/%E5%B7%A5%E5%85%B7/" itemprop="url" rel="index"><span itemprop="name">工具</span></a>
</span>
</span>
<br>
<span class="post-meta-item" title="Symbols count in article">
<span class="post-meta-item-icon">
<i class="far fa-file-word"></i>
</span>
<span class="post-meta-item-text">Symbols count in article: </span>
<span>1.2k</span>
</span>
<span class="post-meta-item" title="Reading time">
<span class="post-meta-item-icon">
<i class="far fa-clock"></i>
</span>
<span class="post-meta-item-text">Reading time ≈</span>
<span>2 mins.</span>
</span>
</div>
</header>
<div class="post-body" itemprop="articleBody">
<center>
<img style="margin-bottom: 15px" src="http://pic.fishiu.com/uPic/aaL4yV.png">
<div style="color:orange; border-bottom: 1px solid #d9d9d9;display: inline-block;color: #999;padding: 2px;">
vercel 不错子
</div>
</center>
<blockquote>
<p>"这个彩带太棒了!"</p>
<p>在<a target="_blank" rel="noopener" href="https://dlmacy.vercel.app/">大脸猫</a>的疯狂安利(以及技术求助)下，我也尝试了通过nobelium在vercel部署notion博客。</p>
<p>三分钟部署完我直拍大腿：这么妙的东西居然不是我发明的!</p>
<p>言归正传，记录一些我遇到的坑，以及一些必要的对vercel代码仓库的改进以实现自定义。</p>
</blockquote>
<!--noindex-->
<div class="post-button">
<a class="btn" href="/2022/04/01/nobelium/" rel="contents">
Read more »
</a>
</div>
<!--/noindex-->
</div>
<footer class="post-footer">
<div class="post-eof"></div>
</footer>
</article>
<article itemscope itemtype="http://schema.org/Article" class="post-block" lang="en">
<link itemprop="mainEntityOfPage" href="http://yoursite.com/2022/03/27/technical-share/">
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
<meta itemprop="image" content="/images/avatar.jpeg">
<meta itemprop="name" content="Xiaoyuan Jin">
<meta itemprop="description" content="Hope you find something interesting here.">
</span>
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="Fishiu">
</span>
<header class="post-header">
<h2 class="post-title" itemprop="name headline">
<a href="/2022/03/27/technical-share/" class="post-title-link" itemprop="url">Techniques All You Need</a>
</h2>
<div class="post-meta">
<span class="post-meta-item">
<span class="post-meta-item-icon">
<i class="far fa-calendar"></i>
</span>
<span class="post-meta-item-text">Posted on</span>
<time title="Created: 2022-03-27 14:00:00 / Modified: 16:24:40" itemprop="dateCreated datePublished" datetime="2022-03-27T14:00:00+08:00">2022-03-27</time>
</span>
<span class="post-meta-item">
<span class="post-meta-item-icon">
<i class="far fa-folder"></i>
</span>
<span class="post-meta-item-text">In</span>
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
<a href="/categories/Geek/" itemprop="url" rel="index"><span itemprop="name">Geek</span></a>
</span>
,
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
<a href="/categories/Geek/%E5%B7%A5%E5%85%B7/" itemprop="url" rel="index"><span itemprop="name">工具</span></a>
</span>
</span>
<br>
<span class="post-meta-item" title="Symbols count in article">
<span class="post-meta-item-icon">
<i class="far fa-file-word"></i>
</span>
<span class="post-meta-item-text">Symbols count in article: </span>
<span>6.3k</span>
</span>
<span class="post-meta-item" title="Reading time">
<span class="post-meta-item-icon">
<i class="far fa-clock"></i>
</span>
<span class="post-meta-item-text">Reading time ≈</span>
<span>11 mins.</span>
</span>
</div>
</header>
<div class="post-body" itemprop="articleBody">
<p>趁着组会分享的机会，简单梳理一下我作为一个信管的精神信科人，是怎么理解和学习“技术”的。</p>
<blockquote>
<p>免责声明：本人在技术上也仅是入门水平，见过太多外院系的技术大佬如化院的小白兔（树洞、刷课机等开发者）等，我自知对于系统开发亦或是机器学习的掌握和实践程度都是白菜级的。但是作为一个不怕折腾且自认为擅长收集信息的三脚猫，我希望能分享我在“技术”领域探索、折腾的一些经验。</p>
<p>这次分享希望能帮助大家了解三个方面：</p>
<ul>
<li>适合信管学生学习的技术包括哪些</li>
<li>我在技术学习领域的方法论和资源</li>
<li>一个技术学习的小例子</li>
</ul>
</blockquote>
<p>本文默认读者大一水平，如语气嚣张还请谅解。很多经验也是基于我个人的项目经历，可能和读者的学习、实践场景存在偏差。第一次写技术分享，欢迎各位拍砖。</p>
<!--noindex-->
<div class="post-button">
<a class="btn" href="/2022/03/27/technical-share/" rel="contents">
Read more »
</a>
</div>
<!--/noindex-->
</div>
<footer class="post-footer">
<div class="post-eof"></div>
</footer>
</article>
<article itemscope itemtype="http://schema.org/Article" class="post-block" lang="en">
<link itemprop="mainEntityOfPage" href="http://yoursite.com/2021/12/23/git-tiny-tutorial/">
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
<meta itemprop="image" content="/images/avatar.jpeg">
<meta itemprop="name" content="Xiaoyuan Jin">
<meta itemprop="description" content="Hope you find something interesting here.">
</span>
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="Fishiu">
</span>
<header class="post-header">
<h2 class="post-title" itemprop="name headline">
<a href="/2021/12/23/git-tiny-tutorial/" class="post-title-link" itemprop="url">Tiny Tutorial for Git</a>
</h2>
<div class="post-meta">
<span class="post-meta-item">
<span class="post-meta-item-icon">
<i class="far fa-calendar"></i>
</span>
<span class="post-meta-item-text">Posted on</span>
<time title="Created: 2021-12-23 19:33:11" itemprop="dateCreated datePublished" datetime="2021-12-23T19:33:11+08:00">2021-12-23</time>
</span>
<span class="post-meta-item">
<span class="post-meta-item-icon">
<i class="far fa-calendar-check"></i>
</span>
<span class="post-meta-item-text">Edited on</span>
<time title="Modified: 2021-12-24 02:21:40" itemprop="dateModified" datetime="2021-12-24T02:21:40+08:00">2021-12-24</time>
</span>
<span class="post-meta-item">
<span class="post-meta-item-icon">
<i class="far fa-folder"></i>
</span>
<span class="post-meta-item-text">In</span>
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
<a href="/categories/Geek/" itemprop="url" rel="index"><span itemprop="name">Geek</span></a>
</span>
,
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
<a href="/categories/Geek/%E5%B7%A5%E5%85%B7/" itemprop="url" rel="index"><span itemprop="name">工具</span></a>
</span>
</span>
<br>
<span class="post-meta-item" title="Symbols count in article">
<span class="post-meta-item-icon">
<i class="far fa-file-word"></i>
</span>
<span class="post-meta-item-text">Symbols count in article: </span>
<span>2k</span>
</span>
<span class="post-meta-item" title="Reading time">
<span class="post-meta-item-icon">
<i class="far fa-clock"></i>
</span>
<span class="post-meta-item-text">Reading time ≈</span>
<span>4 mins.</span>
</span>
</div>
</header>
<div class="post-body" itemprop="articleBody">
<blockquote>
<p>Git 是 Linus 在开发 Linux 时为了解决版本管理和协作而开发的工具。笔者第一次用 Git 是在信息架构的课上，主要原因是跟风，那时候只会三个操作：<code>add, commit, push</code>。但是真正开始理解并且掌握一些复杂操作是在去字节实习之后，大概是只有遇到10分的需求才能学到5分的能力。</p>
</blockquote>
<p>这篇文章希望能让你用最低的成本立刻加入一个基于 Git 的团队协作，你可能会学到：</p>
<ul>
<li>Git 有什么好处</li>
<li>Git 安装和配置</li>
<li>Git 基础操作之添加</li>
<li>Git 进阶操作之恢复</li>
</ul>
<!--noindex-->
<div class="post-button">
<a class="btn" href="/2021/12/23/git-tiny-tutorial/" rel="contents">
Read more »
</a>
</div>
<!--/noindex-->
</div>
<footer class="post-footer">
<div class="post-eof"></div>
</footer>
</article>
<article itemscope itemtype="http://schema.org/Article" class="post-block" lang="en">
<link itemprop="mainEntityOfPage" href="http://yoursite.com/2021/08/23/karabiner/">
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
<meta itemprop="image" content="/images/avatar.jpeg">
<meta itemprop="name" content="Xiaoyuan Jin">
<meta itemprop="description" content="Hope you find something interesting here.">
</span>
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="Fishiu">
</span>
<header class="post-header">
<h2 class="post-title" itemprop="name headline">
<a href="/2021/08/23/karabiner/" class="post-title-link" itemprop="url">Karabiner Demo Tutorial</a>
</h2>
<div class="post-meta">
<span class="post-meta-item">
<span class="post-meta-item-icon">
<i class="far fa-calendar"></i>
</span>
<span class="post-meta-item-text">Posted on</span>
<time title="Created: 2021-08-23 12:09:00" itemprop="dateCreated datePublished" datetime="2021-08-23T12:09:00+08:00">2021-08-23</time>
</span>
<span class="post-meta-item">
<span class="post-meta-item-icon">
<i class="far fa-calendar-check"></i>
</span>
<span class="post-meta-item-text">Edited on</span>
<time title="Modified: 2021-12-23 19:29:10" itemprop="dateModified" datetime="2021-12-23T19:29:10+08:00">2021-12-23</time>
</span>
<span class="post-meta-item">
<span class="post-meta-item-icon">
<i class="far fa-folder"></i>
</span>
<span class="post-meta-item-text">In</span>
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
<a href="/categories/Geek/" itemprop="url" rel="index"><span itemprop="name">Geek</span></a>
</span>
,
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
<a href="/categories/Geek/%E5%B7%A5%E5%85%B7/" itemprop="url" rel="index"><span itemprop="name">工具</span></a>
</span>
</span>
<br>
<span class="post-meta-item" title="Symbols count in article">
<span class="post-meta-item-icon">
<i class="far fa-file-word"></i>
</span>
<span class="post-meta-item-text">Symbols count in article: </span>
<span>1.6k</span>
</span>
<span class="post-meta-item" title="Reading time">
<span class="post-meta-item-icon">
<i class="far fa-clock"></i>
</span>
<span class="post-meta-item-text">Reading time ≈</span>
<span>3 mins.</span>
</span>
</div>
</header>
<div class="post-body" itemprop="articleBody">
<p><a target="_blank" rel="noopener" href="https://github.com/pqrs-org/Karabiner-Elements">Karabiner-Elements</a> is a powerful utility for keyboard customization on macOS Sierra or later</p>
<blockquote>
<p>Karabiner 是我的 macOS 装机必备之一了，相比Better Touch Tool 之流，稳定性战胜一切。他可以解决macOS 上关于键盘的一切。</p>
</blockquote>
<!--noindex-->
<div class="post-button">
<a class="btn" href="/2021/08/23/karabiner/" rel="contents">
Read more »
</a>
</div>
<!--/noindex-->
</div>
<footer class="post-footer">
<div class="post-eof"></div>
</footer>
</article>
<article itemscope itemtype="http://schema.org/Article" class="post-block" lang="en">
<link itemprop="mainEntityOfPage" href="http://yoursite.com/2020/08/17/toefl-spider/">
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
<meta itemprop="image" content="/images/avatar.jpeg">
<meta itemprop="name" content="Xiaoyuan Jin">
<meta itemprop="description" content="Hope you find something interesting here.">
</span>
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="Fishiu">
</span>
<header class="post-header">
<h2 class="post-title" itemprop="name headline">
<a href="/2020/08/17/toefl-spider/" class="post-title-link" itemprop="url">TOEFL Available Seats Auto Query with JavaScript</a>
</h2>
<div class="post-meta">
<span class="post-meta-item">
<span class="post-meta-item-icon">
<i class="far fa-calendar"></i>
</span>
<span class="post-meta-item-text">Posted on</span>
<time title="Created: 2020-08-17 13:21:00" itemprop="dateCreated datePublished" datetime="2020-08-17T13:21:00+08:00">2020-08-17</time>
</span>
<span class="post-meta-item">
<span class="post-meta-item-icon">
<i class="far fa-calendar-check"></i>
</span>
<span class="post-meta-item-text">Edited on</span>
<time title="Modified: 2021-12-23 19:19:14" itemprop="dateModified" datetime="2021-12-23T19:19:14+08:00">2021-12-23</time>
</span>
<span class="post-meta-item">
<span class="post-meta-item-icon">
<i class="far fa-folder"></i>
</span>
<span class="post-meta-item-text">In</span>
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
<a href="/categories/Geek/" itemprop="url" rel="index"><span itemprop="name">Geek</span></a>
</span>
,
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
<a href="/categories/Geek/%E5%B7%A5%E5%85%B7/" itemprop="url" rel="index"><span itemprop="name">工具</span></a>
</span>
</span>
<br>
<span class="post-meta-item" title="Symbols count in article">
<span class="post-meta-item-icon">
<i class="far fa-file-word"></i>
</span>
<span class="post-meta-item-text">Symbols count in article: </span>
<span>2k</span>
</span>
<span class="post-meta-item" title="Reading time">
<span class="post-meta-item-icon">
<i class="far fa-clock"></i>
</span>
<span class="post-meta-item-text">Reading time ≈</span>
<span>4 mins.</span>
</span>
</div>
</header>
<div class="post-body" itemprop="articleBody">
<p>托福考位自动查询爬虫 浏览器Javascript版</p>
<blockquote>
<p>托福考位太难抢了，不想一遍遍手动刷新。</p>
</blockquote>
<center>
<div>
<img style="margin-bottom: 15px" src="http://pic.fishiu.com/uPic/kKKM4p.jpeg" width="50%" height="50%">
</div>
<div style="color:orange; border-bottom: 1px solid #d9d9d9;display: inline-block;color: #999;padding: 2px;">
想安静地做一条咸鱼
</div>
</center>
<!--noindex-->
<div class="post-button">
<a class="btn" href="/2020/08/17/toefl-spider/" rel="contents">
Read more »
</a>
</div>
<!--/noindex-->
</div>
<footer class="post-footer">
<div class="post-eof"></div>
</footer>
</article>
<article itemscope itemtype="http://schema.org/Article" class="post-block" lang="en">
<link itemprop="mainEntityOfPage" href="http://yoursite.com/2020/07/19/my-work/">
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
<meta itemprop="image" content="/images/avatar.jpeg">
<meta itemprop="name" content="Xiaoyuan Jin">
<meta itemprop="description" content="Hope you find something interesting here.">
</span>
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="Fishiu">
</span>
<header class="post-header">
<h2 class="post-title" itemprop="name headline">
<a href="/2020/07/19/my-work/" class="post-title-link" itemprop="url">Collection of My Design Work</a>
</h2>
<div class="post-meta">
<span class="post-meta-item">
<span class="post-meta-item-icon">
<i class="far fa-calendar"></i>
</span>
<span class="post-meta-item-text">Posted on</span>
<time title="Created: 2020-07-19 09:36:49" itemprop="dateCreated datePublished" datetime="2020-07-19T09:36:49+08:00">2020-07-19</time>
</span>
<span class="post-meta-item">
<span class="post-meta-item-icon">
<i class="far fa-calendar-check"></i>
</span>
<span class="post-meta-item-text">Edited on</span>
<time title="Modified: 2021-12-23 19:43:38" itemprop="dateModified" datetime="2021-12-23T19:43:38+08:00">2021-12-23</time>
</span>
<span class="post-meta-item">
<span class="post-meta-item-icon">
<i class="far fa-folder"></i>
</span>
<span class="post-meta-item-text">In</span>
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
<a href="/categories/%E8%AE%BE%E8%AE%A1/" itemprop="url" rel="index"><span itemprop="name">设计</span></a>
</span>
,
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
<a href="/categories/%E8%AE%BE%E8%AE%A1/%E4%BD%9C%E5%93%81/" itemprop="url" rel="index"><span itemprop="name">作品</span></a>
</span>
</span>
<br>
<span class="post-meta-item" title="Symbols count in article">
<span class="post-meta-item-icon">
<i class="far fa-file-word"></i>
</span>
<span class="post-meta-item-text">Symbols count in article: </span>
<span>1k</span>
</span>
<span class="post-meta-item" title="Reading time">
<span class="post-meta-item-icon">
<i class="far fa-clock"></i>
</span>
<span class="post-meta-item-text">Reading time ≈</span>
<span>2 mins.</span>
</span>
</div>