-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
586 lines (342 loc) · 16.9 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
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>MichaelMai</title>
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
<meta name="author" content="Michael Mai">
<meta property="og:type" content="website">
<meta property="og:title" content="MichaelMai">
<meta property="og:url" content="http://michaelmai2000.github.io/index.html">
<meta property="og:site_name" content="MichaelMai">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="MichaelMai">
<link rel="alternative" href="/atom.xml" title="MichaelMai" type="application/atom+xml">
<link rel="icon" href="/img/favicon.ico">
<link rel="apple-touch-icon" href="/img/jacman.jpg">
<link rel="apple-touch-icon-precomposed" href="/img/jacman.jpg">
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<header>
<div>
<div id="imglogo">
<a href="/"><img src="/img/logo.png" alt="MichaelMai" title="MichaelMai"/></a>
</div>
<div id="textlogo">
<h1 class="site-name"><a href="/" title="MichaelMai">MichaelMai</a></h1>
<h2 class="blog-motto">An EDPer</h2>
</div>
<div class="navbar"><a class="navbutton navmobile" href="#" title="菜单">
</a></div>
<nav class="animated">
<ul>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/archives">Archives</a></li>
<li><a href="/about">About</a></li>
<li>
<form class="search" action="//google.com/search" method="get" accept-charset="utf-8">
<label>Search</label>
<input type="search" id="search" name="q" autocomplete="off" maxlength="20" placeholder="搜索" />
<input type="hidden" name="q" value="site:michaelmai2000.github.io">
</form>
</li>
</ul>
</nav>
</div>
</header>
<div id="container">
<div id="main">
<article class="post-expand post" itemprop="articleBody">
<header class="article-info clearfix">
<h1 itemprop="name">
<a href="/2016/10/22/music/" title="Music" itemprop="url">Music</a>
</h1>
<p class="article-author">By
<a href="/about" title="Michael Mai" target="_blank" itemprop="author">Michael Mai</a>
<p class="article-time">
<time datetime="2016-10-22T14:51:23.000Z" itemprop="datePublished"> 发表于 2016-10-22</time>
</p>
</header>
<div class="article-content">
<iframe src="https://music.daoapp.io/iframe?song=425988079&qssl=1&qlrc=1&qnarrow=0&max_width=50%&autoplay=0" width="100%" height="300" frameborder="0" allowfullscreen></iframe>
<p class="article-more-link">
</p>
</div>
<footer class="article-footer clearfix">
<div class="article-catetags">
</div>
<div class="comments-count">
</div>
</footer>
</article>
<article class="post-expand post" itemprop="articleBody">
<header class="article-info clearfix">
<h1 itemprop="name">
<a href="/2016/10/20/about-me/" title="about me" itemprop="url">about me</a>
</h1>
<p class="article-author">By
<a href="/about" title="Michael Mai" target="_blank" itemprop="author">Michael Mai</a>
<p class="article-time">
<time datetime="2016-10-20T15:49:28.000Z" itemprop="datePublished"> 发表于 2016-10-20</time>
</p>
</header>
<div class="article-content">
<p>2016-10-20</p>
<p class="article-more-link">
</p>
</div>
<footer class="article-footer clearfix">
<div class="article-catetags">
</div>
<div class="comments-count">
</div>
</footer>
</article>
<article class="post-expand post" itemprop="articleBody">
<header class="article-info clearfix">
<h1 itemprop="name">
<a href="/2016/10/15/hello-world/" title="Hello World" itemprop="url">Hello World</a>
</h1>
<p class="article-author">By
<a href="/about" title="Michael Mai" target="_blank" itemprop="author">Michael Mai</a>
<p class="article-time">
<time datetime="2016-10-15T12:37:33.805Z" itemprop="datePublished"> 发表于 2016-10-15</time>
</p>
</header>
<div class="article-content">
<p>Welcome to <a href="https://hexo.io/" target="_blank" rel="external">Hexo</a>! This is your very first post. Check <a href="https://hexo.io/docs/" target="_blank" rel="external">documentation</a> for more info. If you get any problems when using Hexo, you can find the answer in <a href="https://hexo.io/docs/troubleshooting.html" target="_blank" rel="external">troubleshooting</a> or you can ask me on <a href="https://github.com/hexojs/hexo/issues" target="_blank" rel="external">GitHub</a>.</p>
<h2 id="Quick-Start"><a href="#Quick-Start" class="headerlink" title="Quick Start"></a>Quick Start</h2><h3 id="Create-a-new-post"><a href="#Create-a-new-post" class="headerlink" title="Create a new post"></a>Create a new post</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo new <span class="string">"My New Post"</span></div></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/writing.html" target="_blank" rel="external">Writing</a></p>
<h3 id="Run-server"><a href="#Run-server" class="headerlink" title="Run server"></a>Run server</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo server</div></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/server.html" target="_blank" rel="external">Server</a></p>
<h3 id="Generate-static-files"><a href="#Generate-static-files" class="headerlink" title="Generate static files"></a>Generate static files</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo generate</div></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/generating.html" target="_blank" rel="external">Generating</a></p>
<h3 id="Deploy-to-remote-sites"><a href="#Deploy-to-remote-sites" class="headerlink" title="Deploy to remote sites"></a>Deploy to remote sites</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo deploy</div></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/deployment.html" target="_blank" rel="external">Deployment</a></p>
<p class="article-more-link">
</p>
</div>
<footer class="article-footer clearfix">
<div class="article-catetags">
</div>
<div class="comments-count">
</div>
</footer>
</article>
<article class="post-expand post" itemprop="articleBody">
<header class="article-info clearfix">
<h1 itemprop="name">
<a href="/2015/05/19/e9-9a-8f-e8-ae-b0-15-05-19/" title="随记 15.05.19" itemprop="url">随记 15.05.19</a>
</h1>
<p class="article-author">By
<a href="/about" title="Michael Mai" target="_blank" itemprop="author">Michael Mai</a>
<p class="article-time">
<time datetime="2015-05-19T13:05:49.000Z" itemprop="datePublished"> 发表于 2015-05-19</time>
</p>
</header>
<div class="article-content">
<p>看到书桌上摊开的作业，忽然间想到只有一个多月的时间就要中考了。但是心中总有一股烦躁挥之不去。究其根本原因应该是有些最基本的问题没有想清楚。闭上眼静静地想，脑海中又跳出那个问题：为什么要中考来着？</p>
<p>是啊，为什么？</p>
<p>记得早七还是早六的时候，王老师曾说过：“考试是为了更好的学习。”但是，我擅自接着老师的话说：“学习是为了什么？更好的考试？”引得一片哄笑。因为如果加入这句话，就连小学生都能看出，“学习”和“考试”成了死循环。</p>
<p>好吧，暂且不谈考试，那么学习又是为了什么？</p>
<p>有人说，学习不需要一个理由，但我认为，没有目标的学习是不可取的。但是“为什么要学习”这个问题似乎更不可解。因为谈起这个问题，就必定谈起人生的目标。</p>
<p>现在一定有人吐槽：老麦，你脑洞太大了吧？就一个考试至于想这么多吗？</p>
<p>我的回答是：你是的对，老麦能从中考想到人生的脑洞大得惊人，不过，我们真的有好好想过“我们为什么活着”这个简单的问题吗？</p>
<p>“没有吧。”这应该是大多数人的答案。</p>
<p>为什么不去想想呢？</p>
<p>“因为没意义啊！想它干嘛，还不如去做两道题呢！<span style="text-decoration: line-through;">(</span><span style="text-decoration: line-through;">老麦你别瞎扯了，赶快做你的作业吧！死傲娇：才不写呢！)</span>”大多数人的声音。</p>
<p>小学的时候，天真的时候，没有想过很正常。中学，不想也很正常。可是一生都不想呢？好像也可以。但是我认为一直都不去想是逃避现实！你是想成为一个有用的人，还是对社会有贡献的人，抑或是对世界有贡献的人？<span style="text-decoration: line-through;">(</span><span style="text-decoration: line-through;">毁灭世界的人？误)</span></p>
<p>总之，我认为想清楚人生来要干什么极为重要。</p>
<p>在早六的时候，我曾经很愤青地想要为实现中华民族伟大复兴而奋斗！</p>
<p>现在，这份信仰没有消失，但是奋斗的激情有所减弱。我想，就是因为眼前的目标并不是那么的明朗，所以在学习的路上迷茫着吧？</p>
<p>在我看来，中考是走向下一个目标的路基，是穿越学海航程上一次小小的风浪，是初中学习生涯中最后的考试。</p>
<p>但不要忘了，人生路漫漫，中考只是一道门罢了。<span style="text-decoration: line-through;">(</span><span style="text-decoration: line-through;">不过听说门上有一条“分数线”)</span></p>
<p> </p>
<p>官方吐槽：此处略去了。</p>
<p> </p>
<p>后记：其实写这篇文章并没有什么用处，“为什么要中考”的问题还是没有结果。所以吐槽是肯定有的。但是，就像阿亮说的一样，这种文章只能在这种特定的时期，特定的年龄写出来吧？以此来纪念初中时代吧。</p>
<p class="article-more-link">
</p>
</div>
<footer class="article-footer clearfix">
<div class="article-catetags">
<div class="article-categories">
<span></span>
<a class="article-category-link" href="/categories/随笔/">随笔</a>
</div>
</div>
<div class="comments-count">
</div>
</footer>
</article>
<article class="post-expand post" itemprop="articleBody">
<header class="article-info clearfix">
<h1 itemprop="name">
<a href="/2015/05/01/e5-8a-a0-e6-b2-b9-e4-b8-80-e6-a8-a1-ef-bc-81/" title="加油一模！" itemprop="url">加油一模！</a>
</h1>
<p class="article-author">By
<a href="/about" title="Michael Mai" target="_blank" itemprop="author">Michael Mai</a>
<p class="article-time">
<time datetime="2015-05-01T10:48:05.000Z" itemprop="datePublished"> 发表于 2015-05-01</time>
</p>
</header>
<div class="article-content">
<p>马上就要到一模了呢！一起加油吧！</p>
<p><del>话说这是第一篇文章吧？(大雾)</del></p>
<p class="article-more-link">
</p>
</div>
<footer class="article-footer clearfix">
<div class="article-catetags">
<div class="article-categories">
<span></span>
<a class="article-category-link" href="/categories/未分类/">未分类</a>
</div>
</div>
<div class="comments-count">
</div>
</footer>
</article>
</div>
<div class="openaside"><a class="navbutton" href="#" title="显示侧边栏"></a></div>
<div id="asidepart">
<div class="closeaside"><a class="closebutton" href="#" title="隐藏侧边栏"></a></div>
<aside class="clearfix">
<div class="categorieslist">
<p class="asidetitle">分类</p>
<ul>
<li><a href="/categories/未分类/" title="未分类">未分类<sup>1</sup></a></li>
<li><a href="/categories/随笔/" title="随笔">随笔<sup>1</sup></a></li>
</ul>
</div>
<div class="linkslist">
<p class="asidetitle">友情链接</p>
<ul>
<li>
<a href="https://coderq.com" target="_blank" title="一个面向程序员交流分享的新一代社区">码农圈</a>
</li>
<li>
<a href="http://wuchong.me" target="_blank" title="Jark's Blog">Jark's Blog</a>
</li>
</ul>
</div>
<div class="rsspart">
<a href="/atom.xml" target="_blank" title="rss">RSS 订阅</a>
</div>
<div class="weiboshow">
<p class="asidetitle">新浪微博</p>
<iframe width="100%" height="119" class="share_self" frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=119&fansRow=2&ptype=1&speed=0&skin=9&isTitle=1&noborder=1&isWeibo=0&isFans=0&uid=null&verifier=b3593ceb&dpc=1"></iframe>
</div>
</aside>
</div>
</div>
<footer><div id="footer" >
<div class="line">
<span></span>
<div class="author"></div>
</div>
<section class="info">
<p> Hello ,I'm Larry Page in Google. <br/>
This is my blog,believe it or not.</p>
</section>
<div class="social-font" class="clearfix">
<a href="http://weibo.com/2176287895" target="_blank" class="icon-weibo" title="微博"></a>
</div>
<p class="copyright">
Powered by <a href="http://hexo.io" target="_blank" title="hexo">hexo</a> and Theme by <a href="https://github.com/wuchong/jacman" target="_blank" title="Jacman">Jacman</a> © 2016
<a href="/about" target="_blank" title="Michael Mai">Michael Mai</a>
</p>
</div>
</footer>
<script src="/js/jquery-2.0.3.min.js"></script>
<script src="/js/jquery.imagesloaded.min.js"></script>
<script src="/js/gallery.js"></script>
<script src="/js/jquery.qrcode-0.12.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.navbar').click(function(){
$('header nav').toggleClass('shownav');
});
var myWidth = 0;
function getSize(){
if( typeof( window.innerWidth ) == 'number' ) {
myWidth = window.innerWidth;
} else if( document.documentElement && document.documentElement.clientWidth) {
myWidth = document.documentElement.clientWidth;
};
};
var m = $('#main'),
a = $('#asidepart'),
c = $('.closeaside'),
o = $('.openaside');
c.click(function(){
a.addClass('fadeOut').css('display', 'none');
o.css('display', 'block').addClass('fadeIn');
m.addClass('moveMain');
});
o.click(function(){
o.css('display', 'none').removeClass('beforeFadeIn');
a.css('display', 'block').removeClass('fadeOut').addClass('fadeIn');
m.removeClass('moveMain');
});
$(window).scroll(function(){
o.css("top",Math.max(80,260-$(this).scrollTop()));
});
$(window).resize(function(){
getSize();
if (myWidth >= 1024) {
$('header nav').removeClass('shownav');
}else{
m.removeClass('moveMain');
a.css('display', 'block').removeClass('fadeOut');
o.css('display', 'none');
}
});
});
</script>
<link rel="stylesheet" href="/fancybox/jquery.fancybox.css" media="screen" type="text/css">
<script src="/fancybox/jquery.fancybox.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.article-content').each(function(i){
$(this).find('img').each(function(){
if ($(this).parent().hasClass('fancybox')) return;
var alt = this.alt;
if (alt) $(this).after('<span class="caption">' + alt + '</span>');
$(this).wrap('<a href="' + this.src + '" title="' + alt + '" class="fancybox"></a>');
});
$(this).find('.fancybox').each(function(){
$(this).attr('rel', 'article' + i);
});
});
if($.fancybox){
$('.fancybox').fancybox();
}
});
</script>
<!-- Analytics Begin -->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "//hm.baidu.com/hm.js?e6d1f421bbc9962127a50488f9ed37d1";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<!-- Analytics End -->
<!-- Totop Begin -->
<div id="totop">
<a title="返回顶部"><img src="/img/scrollup.png"/></a>
</div>
<script src="/js/totop.js"></script>
<!-- Totop End -->
<!-- MathJax Begin -->
<!-- mathjax config similar to math.stackexchange -->
<!-- MathJax End -->
<!-- Tiny_search Begin -->
<!-- Tiny_search End -->
</body>
</html>