-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
556 lines (420 loc) · 17.2 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
<!DOCTYPE html>
<html lang="en">
<!-- Head tag -->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="google-site-verification" content="xBT4GhYoi5qRD5tr338pgPM5OWHHIDR6mNg1a3euekI" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="日常的博客,记录一些小事">
<meta name="keyword" content="日常">
<link rel="shortcut icon" href="/img/favicon.png">
<title>
日常 | Nichijou
</title>
<link rel="canonical" href="http://richang.xyz/">
<!-- Bootstrap Core CSS -->
<link rel="stylesheet" href="/css/bootstrap.min.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="/css/hux-blog.min.css">
<!-- Pygments Highlight CSS -->
<link rel="stylesheet" href="/css/highlight.css">
<!-- Custom Fonts -->
<!-- <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"> -->
<!-- Hux change font-awesome CDN to qiniu -->
<link href="https://cdn.staticfile.org/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- Hux Delete, sad but pending in China
<link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' 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]-->
<!-- ga & ba script hoook -->
<script></script>
</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="/">日常</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<!-- Known Issue, found by Hux:
<nav>'s height woule be hold on by its content.
so, when navbar scale out, the <nav> will cover tags.
also mask any touch event of tags, unfortunately.
-->
<div id="huxblog_navbar">
<div class="navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/about/">About</a>
</li>
<li>
<a href="/archives/">Archives</a>
</li>
<li>
<a href="/tags/">Tags</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('#huxblog_navbar');
var $collapse = document.querySelector('.navbar-collapse');
$toggle.addEventListener('click', handleMagic)
function handleMagic(e){
if ($navbar.className.indexOf('in') > 0) {
// CLOSE
$navbar.className = " ";
// wait until animation end.
setTimeout(function(){
// prevent frequently toggle
if($navbar.className.indexOf('in') < 0) {
$collapse.style.height = "0px"
}
},400)
}else{
// OPEN
$collapse.style.height = "auto"
$navbar.className += " in";
}
}
</script>
<!-- Main Content -->
<!-- Page Header -->
<header class="intro-header" style="background-image: url('/img/home-bg.jpg')">
<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>日常</h1>
<!--<hr class="small">-->
<span class="subheading">每天度过的日常,也许是连续发生的奇迹</span>
</div>
</div>
</div>
</div>
</header>
<!-- Main Content -->
<div class="container">
<div class="row">
<!-- NO SIDEBAR -->
<!-- Post Container -->
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 post-container">
<!-- Main Content -->
<div class="post-preview">
<a href="/2017/01/30/music-sheet/">
<h2 class="post-title">
五线谱入门知识
</h2>
<h3 class="post-subtitle">
不要抱任何期望 真的仅仅是入门
</h3>
<div class="post-content-preview">
五线谱从理论上可以从任何乐器入手,但是选择钢琴应该是比较容易和传统的一种。所以就讲讲钢琴相关(其实是只有钢琴的书啊 →_→)。
标准的钢琴有 88 个琴键: 52 个白键 + 36 个黑键,分为 7 个大组和 2 个小组(音组),看下图图 1
把一个完整的音组挑出来再细说 (照片照偏了逼死强迫疒) 图 2
围绕着两个黑键的三个白键,从左到右依次是 C、D、E,围绕着三个黑键的四个白键,依......
</div>
</a>
<p class="post-meta">
Posted by Will on
2017-01-30
</p>
</div>
<hr>
<div class="post-preview">
<a href="/2016/04/21/mqtt-protocol/">
<h2 class="post-title">
MQTT 协议
</h2>
<h3 class="post-subtitle">
</h3>
<div class="post-content-preview">
MQTT 协议是一个基于发布/订阅模式的消息传输协议,它的设计思想是轻巧、开放、简单、规范,易于实现。这些特点使得它对很多场景来说都是很好的选择,特别是对于受限的环境如机器与机器的通信(M2M)以及物联网环境(IoT),而且 MQTT v3.1.1 在2014年就已经成了 OASIS(结构化信息标准促进组织) 标准。
官方网站:mqtt.org
附上 官方文档 和 国人翻译
MQTT 协议运......
</div>
</a>
<p class="post-meta">
Posted by Will on
2016-04-21
</p>
</div>
<hr>
<div class="post-preview">
<a href="/2016/03/06/mysql-server-sql-mode/">
<h2 class="post-title">
MySQL 的 SQL 模式
</h2>
<h3 class="post-subtitle">
</h3>
<div class="post-content-preview">
MySQL 有很多模式,但是自 5.6.6 之前,默认模式都是空的,也就是说没一个模式是开启的,之后 5.6.6 的默认模式是 NO_ENGINE_SUBSTITUTION,附上相关FAQ
5.6 版本的 SQL 模式可以查看:Server SQL Modes,有点多,只说下 Strict SQL Mode 吧
当遇到有关数据改动的语句(比如 insert 或者 update),如果数据无效......
</div>
</a>
<p class="post-meta">
Posted by Will on
2016-03-06
</p>
</div>
<hr>
<div class="post-preview">
<a href="/2016/03/05/miscellaneous-tips-about-program-that-may-save-your-day/">
<h2 class="post-title">
杂七杂八
</h2>
<h3 class="post-subtitle">
</h3>
<div class="post-content-preview">
0x01 Mac OS 添加 Loopback 地址不像 Windows 可以自由使用所有的 loopback 地址,Mac OS 只有一个 127.0.0.1,想要使用其它比如 127.0.0.2 需要自行添加:ifconfig lo0 alias 127.0.0.2在 Mac OS X 10.11.3 上测试有效参考这篇文章,然而该命令并不能持久化,重启失效苹果的文档提供这样一个方法:建......
</div>
</a>
<p class="post-meta">
Posted by Will on
2016-03-05
</p>
</div>
<hr>
<div class="post-preview">
<a href="/2016/01/12/select-and-selectors-module-in-python/">
<h2 class="post-title">
Python 中的 select 和 selectors 模块
</h2>
<h3 class="post-subtitle">
</h3>
<div class="post-content-preview">
select 模块封装了各个平台的 I/O 多路复用函数
各系统函数 epoll, kqueue 和 /dev/poll 要优于 poll,poll 又优于 select,实现时间当然也是从晚到早,可以参考这篇,讲解比较生动
Python 3.4 版本增加了 selectors 模块,是在 select 模块上更高一层的抽象,因为 select 模块太麻烦了啊,不同系统还要做不同的适配。除非......
</div>
</a>
<p class="post-meta">
Posted by Will on
2016-01-12
</p>
</div>
<hr>
<div class="post-preview">
<a href="/2016/01/06/use-crontab-to-execute-scheduled-commands/">
<h2 class="post-title">
用 crontab 执行计划任务
</h2>
<h3 class="post-subtitle">
</h3>
<div class="post-content-preview">
用man查看crontab有两个说明,分别在section 1和section 5section 1是解释命令的,section 5是解释crontab文件格式的
注意这篇文章参考了Mac OS X El Capitan的man手册,Unix-like系统之前可能会有不同差别
先说下crontab命令,有两种格式第一种是从文件(e.g. crontab a.txt)或者标准输入(cronta......
</div>
</a>
<p class="post-meta">
Posted by Will on
2016-01-06
</p>
</div>
<hr>
<div class="post-preview">
<a href="/2015/12/23/dns-messages/">
<h2 class="post-title">
关于DNS报文
</h2>
<h3 class="post-subtitle">
</h3>
<div class="post-content-preview">
关于DNS报文的格式,备忘备忘。
域名协议中所有的通信都是由同一种格式的报文来承载的,简单好记,粗看分为5个区块:1234567891011+---------------------+| Header |+---------------------+| Question | the question for the name server+-......
</div>
</a>
<p class="post-meta">
Posted by Will on
2015-12-23
</p>
</div>
<hr>
<div class="post-preview">
<a href="/2015/10/05/how-to-modify-sip-in-el-capitan/">
<h2 class="post-title">
关于 OS X El Capitan 的 SIP
</h2>
<h3 class="post-subtitle">
</h3>
<div class="post-content-preview">
El Capitan 较前版本有一个新特性叫:System Integrity Protection(系统完整性保护),简称 SIP,也叫做 rootless 模式。
直接影响就是即使命令行在 root 下也没法改动 /System,/bin,/sbin 和 /usr(/usr/local除外)下的文件了,会返回一个 Operation not permitted。
怎样关闭这个 SIP 模......
</div>
</a>
<p class="post-meta">
Posted by Will on
2015-10-05
</p>
</div>
<hr>
<div class="post-preview">
<a href="/2015/10/05/python-learning-note-1/">
<h2 class="post-title">
Python 学习笔记 (1)
</h2>
<h3 class="post-subtitle">
</h3>
<div class="post-content-preview">
1. __future__模块导入这个模块来使用一些当前版本还没有正式拥有的语句或特性,两个方法可以检测一个语句或特性是否在当前版本可用,用with_statement举个例子:12345>>> from __future__ import with_statement>>> with_statement.getOptionalRelease()(2, 5......
</div>
</a>
<p class="post-meta">
Posted by Will on
2015-10-05
</p>
</div>
<hr>
<div class="post-preview">
<a href="/2015/09/29/vim-and-bash-shortcuts/">
<h2 class="post-title">
vim 和 bash 的一些快捷键和配置
</h2>
<h3 class="post-subtitle">
</h3>
<div class="post-content-preview">
这里只打算记录一些简单的常用快捷键和配置 高级的用法和操作等用到了再更新 循序渐进
vim的简单配置用户目录下创建.vimrc文件:
123456789101112131415161718"显示行号set nu"语法高亮syntax on"Tab键宽度set tabstop=4"Tab替换为空格set expandtab"自动缩进set autoindent"编码set encoding=u......
</div>
</a>
<p class="post-meta">
Posted by Will on
2015-09-29
</p>
</div>
<hr>
<!-- Pager -->
<ul class="pager">
</ul>
</div>
<!-- Sidebar Container -->
<div class="
col-lg-8 col-lg-offset-2
col-md-10 col-md-offset-1
sidebar-container">
<!-- Featured Tags -->
<!-- Friends Blog -->
</div>
</div>
</div>
<!-- Footer -->
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<ul class="list-inline text-center">
</ul>
<p class="copyright text-muted">
Copyright © 日常 2017
<br>
Theme by <a href="http://huangxuan.me">Hux</a>
<span style="display: inline-block; margin: 0 5px;">
<i class="fa fa-heart"></i>
</span>
Ported by <a href="http://blog.kaijun.rocks">Kaijun</a> |
<iframe
style="margin-left: 2px; margin-bottom:-5px;"
frameborder="0" scrolling="0" width="91px" height="20px"
src="https://ghbtns.com/github-btn.html?user=kaijun&repo=hexo-theme-huxblog&type=star&count=true" >
</iframe>
</p>
</div>
</div>
</div>
</footer>
<!-- jQuery -->
<script src="/js/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="/js/bootstrap.min.js"></script>
<!-- Custom Theme JavaScript -->
<script src="/js/hux-blog.min.js"></script>
<!-- async load function -->
<script>
function async(u, c) {
var d = document, t = 'script',
o = d.createElement(t),
s = d.getElementsByTagName(t)[0];
o.src = u;
if (c) { o.addEventListener('load', function (e) { c(null, e); }, false); }
s.parentNode.insertBefore(o, s);
}
</script>
<!--
Because of the native support for backtick-style fenced code blocks
right within the Markdown is landed in Github Pages,
From V1.6, There is no need for Highlight.js,
so Huxblog drops it officially.
- https://github.com/blog/2100-github-pages-now-faster-and-simpler-with-jekyll-3-0
- https://help.github.com/articles/creating-and-highlighting-code-blocks/
-->
<!--
<script>
async("http://cdn.bootcss.com/highlight.js/8.6/highlight.min.js", function(){
hljs.initHighlightingOnLoad();
})
</script>
<link href="http://cdn.bootcss.com/highlight.js/8.6/styles/github.min.css" rel="stylesheet">
-->
<!-- jquery.tagcloud.js -->
<script>
// only load tagcloud.js in tag.html
if($('#tag_cloud').length !== 0){
async("http://richang.xyz/js/jquery.tagcloud.js",function(){
$.fn.tagcloud.defaults = {
//size: {start: 1, end: 1, unit: 'em'},
color: {start: '#bbbbee', end: '#0085a1'},
};
$('#tag_cloud a').tagcloud();
})
}
</script>
<!--fastClick.js -->
<script>
async("https://cdn.bootcss.com/fastclick/1.0.6/fastclick.min.js", function(){
var $nav = document.querySelector("nav");
if($nav) FastClick.attach($nav);
})
</script>
<!-- Google Analytics -->
<!-- Baidu Tongji -->
<!-- Side Catalog -->
<!-- Image to hack wechat -->
<img src="http://richang.xyz/img/icon_wechat.png" width="0" height="0" />
<!-- Migrate from head to bottom, no longer block render and still work -->
</body>
</html>