-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
385 lines (234 loc) · 28.8 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>blog</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta property="og:type" content="website">
<meta property="og:title" content="blog">
<meta property="og:url" content="http://yangqiuyan.yangbaojin.cc/index.html">
<meta property="og:site_name" content="blog">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="blog">
<link rel="icon" href="/favicon.png">
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<div id="container">
<div id="wrap">
<header id="header">
<div id="banner"></div>
<div id="header-outer" class="outer">
<div id="header-inner" class="inner">
<nav id="sub-nav">
<a id="nav-search-btn" class="nav-icon" title="搜索"></a>
</nav>
<div id="search-form-wrap">
<form action="//google.com/search" method="get" accept-charset="UTF-8" class="search-form"><input type="search" name="q" results="0" class="search-form-input" placeholder="Search"><button type="submit" class="search-form-submit"></button><input type="hidden" name="sitesearch" value="http://yangqiuyan.yangbaojin.cc"></form>
</div>
<nav id="main-nav">
<a id="main-nav-toggle" class="nav-icon"></a>
<a class="main-nav-link" href="/">首页</a>
<a class="main-nav-link" href="/archives">归档</a>
<a class="main-nav-link" href="/about">关于</a>
<a class="main-nav-link" href="/mydarling">her</a>
<a class="main-nav-link" href="/atom.xml">rss</a>
</nav>
</div>
<div id="header-title" class="inner">
<h1 id="logo-wrap">
<a href="/" id="logo">blog</a>
</h1>
</div>
</div>
</header>
<div class="outer">
<section id="main">
<article id="post-设计模式学习笔记（二）" class="article article-type-post" itemscope itemprop="blogPost">
<div class="article-meta">
<a href="/2016/12/14/设计模式学习笔记（二）/" class="article-date">
<time datetime="2016-12-14T06:44:52.000Z" itemprop="datePublished">2016-12-14</time>
</a>
</div>
<div class="article-inner">
<header class="article-header">
<h1 itemprop="name">
<a class="article-title" href="/2016/12/14/设计模式学习笔记（二）/">设计模式学习笔记（二）</a>
</h1>
</header>
<div class="article-entry" itemprop="articleBody">
<h2 id="单元素模式（单例模式）"><a href="#单元素模式（单例模式）" class="headerlink" title="单元素模式（单例模式）"></a>单元素模式（单例模式）</h2><p><strong> 简单说就是某个对象在整个代码流程中只允许实例化一次 </strong></p>
<ul>
<li>通常该模式中包含一个私有的构造函数和私有克隆函数，还有一个私有静态属性和共有静态方法 </li>
<li>代码实例</li>
</ul>
<figure class="highlight php"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div><div class="line">6</div><div class="line">7</div><div class="line">8</div><div class="line">9</div><div class="line">10</div><div class="line">11</div><div class="line">12</div><div class="line">13</div><div class="line">14</div><div class="line">15</div><div class="line">16</div></pre></td><td class="code"><pre><div class="line"><span class="class"><span class="keyword">class</span> <span class="title">Singleton</span></span></div><div class="line">{</div><div class="line"> <span class="keyword">private</span> <span class="keyword">static</span> $_instance = <span class="keyword">NULL</span>;</div><div class="line"> <span class="keyword">private</span> <span class="function"><span class="keyword">function</span> <span class="title">__construct</span><span class="params">()</span></span>{</div><div class="line"> }</div><div class="line"> <span class="keyword">public</span> <span class="function"><span class="keyword">function</span> <span class="title">getInstance</span><span class="params">()</span></span>{</div><div class="line"> <span class="keyword">if</span>(<span class="keyword">self</span>::$_instance == <span class="keyword">NULL</span>){<span class="comment">//确保只有一个实例</span></div><div class="line"> <span class="keyword">self</span>::$_instance = <span class="keyword">new</span> <span class="keyword">self</span>();</div><div class="line"> }</div><div class="line"> <span class="keyword">return</span> <span class="keyword">self</span>::$_instance;</div><div class="line"> }</div><div class="line"> <span class="keyword">private</span> <span class="function"><span class="keyword">function</span> <span class="title">__clone</span><span class="params">()</span></span>{</div><div class="line"> }</div><div class="line">}</div><div class="line"></div><div class="line">$Singleton = Singleton::getInstance();</div></pre></td></tr></table></figure>
</div>
<footer class="article-footer">
<a data-url="http://yangqiuyan.yangbaojin.cc/2016/12/14/设计模式学习笔记（二）/" data-id="ciwpogb2i0000qwowqfukgizj" class="article-share-link">分享</a>
<a href="http://yangqiuyan.yangbaojin.cc/2016/12/14/设计模式学习笔记（二）/#ds-thread" class="article-comment-link">留言</a>
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/笔记/">笔记</a></li></ul>
</footer>
</div>
</article>
<article id="post-设计模式学习笔记（一）" class="article article-type-post" itemscope itemprop="blogPost">
<div class="article-meta">
<a href="/2016/12/08/设计模式学习笔记（一）/" class="article-date">
<time datetime="2016-12-08T01:22:44.000Z" itemprop="datePublished">2016-12-08</time>
</a>
</div>
<div class="article-inner">
<header class="article-header">
<h1 itemprop="name">
<a class="article-title" href="/2016/12/08/设计模式学习笔记（一）/">设计模式学习笔记（一）</a>
</h1>
</header>
<div class="article-entry" itemprop="articleBody">
<h2 id="适配器模式"><a href="#适配器模式" class="headerlink" title="适配器模式"></a>适配器模式</h2><p><strong> 适配器模式简单说就是用一个派生类实现并增加基类中没有的方法，好让该基类适配于另一个对象。更简单的说就是适配器转换一个对象的接口用于另一个对象。 </strong></p>
<p>代码实例：</p>
<ul>
<li>场景：errorObject()对象为原有的处理错误对象，现有logCSV()对象要使用不同的方法来处理错误，而errorObject()对象中没有实现方法，使用适配器logToCSVAdapter()来转换errorObject()的接口</li>
</ul>
<figure class="highlight php"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div><div class="line">6</div><div class="line">7</div><div class="line">8</div><div class="line">9</div><div class="line">10</div><div class="line">11</div><div class="line">12</div><div class="line">13</div><div class="line">14</div><div class="line">15</div><div class="line">16</div><div class="line">17</div><div class="line">18</div><div class="line">19</div><div class="line">20</div><div class="line">21</div><div class="line">22</div><div class="line">23</div><div class="line">24</div><div class="line">25</div><div class="line">26</div><div class="line">27</div><div class="line">28</div><div class="line">29</div><div class="line">30</div><div class="line">31</div><div class="line">32</div><div class="line">33</div><div class="line">34</div><div class="line">35</div><div class="line">36</div><div class="line">37</div><div class="line">38</div><div class="line">39</div><div class="line">40</div><div class="line">41</div><div class="line">42</div><div class="line">43</div><div class="line">44</div><div class="line">45</div><div class="line">46</div><div class="line">47</div><div class="line">48</div><div class="line">49</div><div class="line">50</div><div class="line">51</div><div class="line">52</div><div class="line">53</div><div class="line">54</div><div class="line">55</div><div class="line">56</div><div class="line">57</div></pre></td><td class="code"><pre><div class="line"><span class="comment">/**</span></div><div class="line"> * 基类</div><div class="line"> */</div><div class="line"><span class="class"><span class="keyword">class</span> <span class="title">errorObject</span> </span></div><div class="line">{</div><div class="line"> <span class="keyword">private</span> $__error;</div><div class="line"> <span class="keyword">public</span> <span class="function"><span class="keyword">function</span> <span class="title">__construct</span><span class="params">($error)</span></span>{</div><div class="line"> <span class="keyword">$this</span>->__error = $error;</div><div class="line"> }</div><div class="line"> <span class="keyword">public</span> <span class="function"><span class="keyword">function</span> <span class="title">getError</span><span class="params">()</span></span>{</div><div class="line"> <span class="keyword">return</span> <span class="keyword">$this</span>->__error;</div><div class="line"> }</div><div class="line">}</div><div class="line"></div><div class="line"><span class="comment">/**</span></div><div class="line"> * 适配器类</div><div class="line"> */</div><div class="line"><span class="class"><span class="keyword">class</span> <span class="title">logToCSVAdapter</span> <span class="keyword">extends</span> <span class="title">errorObject</span></span></div><div class="line">{</div><div class="line"> <span class="keyword">private</span> $__errorNumber,$__errorText;</div><div class="line"> <span class="keyword">public</span> <span class="function"><span class="keyword">function</span> <span class="title">__construct</span><span class="params">($error)</span></span>{</div><div class="line"> <span class="keyword">parent</span>::__construct($error);</div><div class="line"> $parts = explode(<span class="string">':'</span>,<span class="keyword">$this</span>->__error);</div><div class="line"> <span class="keyword">$this</span>->__errorNumber = $parts[<span class="number">0</span>];</div><div class="line"> <span class="keyword">$this</span>->__errorText = $patrs[<span class="number">1</span>];</div><div class="line"> }</div><div class="line"> <span class="keyword">public</span> <span class="function"><span class="keyword">function</span> <span class="title">getErrorNubmer</span><span class="params">()</span></span>{</div><div class="line"> <span class="keyword">return</span> <span class="keyword">$this</span>->__errorNumber;</div><div class="line"> }</div><div class="line"> <span class="keyword">public</span> <span class="function"><span class="keyword">function</span> <span class="title">gerErrorText</span><span class="params">()</span></span>{</div><div class="line"> <span class="keyword">return</span> <span class="keyword">$this</span>->__errorText;</div><div class="line"> }</div><div class="line">}</div><div class="line"><span class="comment">/**</span></div><div class="line"> * 使用适配器的对象</div><div class="line"> */</div><div class="line"><span class="class"><span class="keyword">class</span> <span class="title">logToCSV</span></span></div><div class="line">{</div><div class="line"> <span class="keyword">private</span> $__errorObject;</div><div class="line"> <span class="keyword">public</span> <span class="function"><span class="keyword">function</span> <span class="title">__construct</span><span class="params">($errorObject)</span></span>{</div><div class="line"> <span class="keyword">$this</span>->__errorObject = $errorObject;</div><div class="line"> }</div><div class="line"> <span class="keyword">public</span> <span class="function"><span class="keyword">function</span> <span class="title">write</span><span class="params">()</span></span>{</div><div class="line"> $line = <span class="keyword">$this</span>->__errorObject->getErrorNumber();</div><div class="line"> $line .= <span class="string">','</span>;</div><div class="line"> $line .= <span class="keyword">$this</span>->__errorObject->getErrorText();</div><div class="line"> $line .= <span class="string">'\n'</span>;</div><div class="line"> <span class="keyword">return</span> $line;</div><div class="line"> }</div><div class="line">}</div><div class="line"></div><div class="line"><span class="comment">/**</span></div><div class="line"> * 使用适配器</div><div class="line"> */</div><div class="line">$error = <span class="keyword">new</span> logToCSVAdapter(<span class="string">"404:Not Found"</span>);</div><div class="line">$log = <span class="keyword">new</span> logToCSV($error);</div><div class="line">$log->writer();</div></pre></td></tr></table></figure>
<h2 id="建造者模式"><a href="#建造者模式" class="headerlink" title="建造者模式"></a>建造者模式</h2><p><strong> 简单说就是使用建造者模式消除其他对象的复杂创建过程。目的是在某个对象的构造和配置方法改变时尽可能少的减少重复更改代码。</strong></p>
<p>代码实例：</p>
<ul>
<li>场景：产品对象product(),创建产品的方法若干个、每次创建产品要执行若干个方法，使用建造者模式避免重复代码</li>
</ul>
<figure class="highlight php"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div><div class="line">6</div><div class="line">7</div><div class="line">8</div><div class="line">9</div><div class="line">10</div><div class="line">11</div><div class="line">12</div><div class="line">13</div><div class="line">14</div><div class="line">15</div><div class="line">16</div><div class="line">17</div><div class="line">18</div><div class="line">19</div><div class="line">20</div><div class="line">21</div><div class="line">22</div><div class="line">23</div><div class="line">24</div><div class="line">25</div><div class="line">26</div><div class="line">27</div><div class="line">28</div><div class="line">29</div><div class="line">30</div><div class="line">31</div><div class="line">32</div><div class="line">33</div><div class="line">34</div><div class="line">35</div><div class="line">36</div><div class="line">37</div><div class="line">38</div><div class="line">39</div><div class="line">40</div><div class="line">41</div><div class="line">42</div><div class="line">43</div><div class="line">44</div><div class="line">45</div><div class="line">46</div><div class="line">47</div><div class="line">48</div><div class="line">49</div><div class="line">50</div><div class="line">51</div><div class="line">52</div></pre></td><td class="code"><pre><div class="line"><span class="comment">/**</span></div><div class="line"> * 产品对象 </div><div class="line"> */</div><div class="line"><span class="class"><span class="keyword">class</span> <span class="title">product</span></span></div><div class="line">{</div><div class="line"> <span class="keyword">protected</span> $_type = <span class="string">''</span>;</div><div class="line"> <span class="keyword">protected</span> $_size = <span class="string">''</span>;</div><div class="line"> <span class="keyword">protected</span> $color = <span class="string">''</span>;</div><div class="line"> <span class="keyword">public</span> <span class="function"><span class="keyword">function</span> <span class="title">setType</span><span class="params">($type)</span></span>{</div><div class="line"> <span class="keyword">$this</span>->_type = $type;</div><div class="line"> }</div><div class="line"> <span class="keyword">public</span> <span class="function"><span class="keyword">function</span> <span class="title">setsize</span><span class="params">($size)</span></span>{</div><div class="line"> <span class="keyword">$this</span>->_size = $size;</div><div class="line"> }</div><div class="line"> <span class="keyword">public</span> <span class="function"><span class="keyword">function</span> <span class="title">setcolor</span><span class="params">($color)</span></span>{</div><div class="line"> <span class="keyword">$this</span>->_color = $color;</div><div class="line"> }</div><div class="line">}</div><div class="line"></div><div class="line"><span class="comment">//未使用建造者模式时</span></div><div class="line">$productConfigs = <span class="keyword">array</span>(<span class="string">'type'</span>=><span class="string">'shirt'</span>,<span class="string">'size'</span>=><span class="string">'XL'</span>,<span class="string">'color'</span>=><span class="string">'red'</span>);</div><div class="line">$product = <span class="keyword">new</span> product();</div><div class="line">$product->setType($productConfig[<span class="string">'type'</span>]);</div><div class="line">$product->setSize($productConfig[<span class="string">'size'</span>]);</div><div class="line">$product->setColor($productConfig[<span class="string">'color'</span>]);</div><div class="line"></div><div class="line"><span class="comment">/**</span></div><div class="line"> * 建造者模式</div><div class="line"> */</div><div class="line"><span class="class"><span class="keyword">class</span> <span class="title">productBuilder</span></span></div><div class="line">{</div><div class="line"> <span class="keyword">protected</span> $_product = <span class="keyword">NULL</span>;</div><div class="line"> <span class="keyword">protected</span> $_config = <span class="keyword">array</span>();</div><div class="line"> <span class="keyword">public</span> <span class="function"><span class="keyword">function</span> <span class="title">__construct</span><span class="params">($configs)</span></span>{</div><div class="line"> <span class="keyword">$this</span>->_product = <span class="keyword">new</span> product();</div><div class="line"> <span class="keyword">$this</span>->_config = $configs;</div><div class="line"> }</div><div class="line"> <span class="keyword">public</span> <span class="function"><span class="keyword">function</span> <span class="title">build</span><span class="params">()</span></span>{</div><div class="line"> <span class="keyword">$this</span>->_product->setSize(<span class="keyword">$this</span>->_config[<span class="string">'size'</span>]);</div><div class="line"> <span class="keyword">$this</span>->_product->setType(<span class="keyword">$this</span>->_config[<span class="string">'type'</span>]);</div><div class="line"> <span class="keyword">$this</span>->_product->setColor(<span class="keyword">$this</span>->_config[<span class="string">'color'</span>]);</div><div class="line"> }</div><div class="line"> <span class="keyword">public</span> <span class="function"><span class="keyword">function</span> <span class="title">getProduct</span><span class="params">()</span></span>{</div><div class="line"> <span class="keyword">return</span> <span class="keyword">$this</span>->_product;</div><div class="line"> }</div><div class="line">}</div><div class="line"></div><div class="line"></div><div class="line"><span class="comment">//使用建造者模式</span></div><div class="line">$builder = $productBuilder($productConfig);</div><div class="line">$builder->build();</div><div class="line">$product = $builder->getProduct();</div></pre></td></tr></table></figure>
<h2 id="数据访问对象模式"><a href="#数据访问对象模式" class="headerlink" title="数据访问对象模式"></a>数据访问对象模式</h2><p><strong> 简单说就是抽象一个提供透明访问任何数据源的对象。各大框架都有实现。 </strong></p>
<h2 id="装饰器模式"><a href="#装饰器模式" class="headerlink" title="装饰器模式"></a>装饰器模式</h2><p><strong> 简单说就是在不改变原对象和继承的情况下动态的拓展对象的功能。同过创建一个包装对象来装饰真实的对象。 </strong></p>
</div>
<footer class="article-footer">
<a data-url="http://yangqiuyan.yangbaojin.cc/2016/12/08/设计模式学习笔记（一）/" data-id="ciwoko9lt0005zgowf1piuqq3" class="article-share-link">分享</a>
<a href="http://yangqiuyan.yangbaojin.cc/2016/12/08/设计模式学习笔记（一）/#ds-thread" class="article-comment-link">留言</a>
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/笔记/">笔记</a></li></ul>
</footer>
</div>
</article>
<article id="post-hello-world" class="article article-type-post" itemscope itemprop="blogPost">
<div class="article-meta">
<a href="/2016/12/07/hello-world/" class="article-date">
<time datetime="2016-12-07T00:53:23.964Z" itemprop="datePublished">2016-12-07</time>
</a>
</div>
<div class="article-inner">
<header class="article-header">
<h1 itemprop="name">
<a class="article-title" href="/2016/12/07/hello-world/">Hello World</a>
</h1>
</header>
<div class="article-entry" itemprop="articleBody">
<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>
</div>
<footer class="article-footer">
<a data-url="http://yangqiuyan.yangbaojin.cc/2016/12/07/hello-world/" data-id="ciwoko9lu0006zgowg4f2hom2" class="article-share-link">分享</a>
<a href="http://yangqiuyan.yangbaojin.cc/2016/12/07/hello-world/#ds-thread" class="article-comment-link">留言</a>
</footer>
</div>
</article>
<article id="post-first-page" class="article article-type-post" itemscope itemprop="blogPost">
<div class="article-meta">
<a href="/2016/12/01/first-page/" class="article-date">
<time datetime="2016-12-01T09:21:35.000Z" itemprop="datePublished">2016-12-01</time>
</a>
</div>
<div class="article-inner">
<header class="article-header">
<h1 itemprop="name">
<a class="article-title" href="/2016/12/01/first-page/">第一篇文章</a>
</h1>
</header>
<div class="article-entry" itemprop="articleBody">
<h1 id="这是我的第一篇文章"><a href="#这是我的第一篇文章" class="headerlink" title="这是我的第一篇文章"></a>这是我的第一篇文章</h1><h2 id="1、以后还可以改嘛"><a href="#1、以后还可以改嘛" class="headerlink" title="1、以后还可以改嘛"></a>1、以后还可以改嘛</h2><h2 id="2、顺便复习一下markdown语法"><a href="#2、顺便复习一下markdown语法" class="headerlink" title="2、顺便复习一下markdown语法"></a>2、顺便复习一下markdown语法</h2>
</div>
<footer class="article-footer">
<a data-url="http://yangqiuyan.yangbaojin.cc/2016/12/01/first-page/" data-id="ciwoko9lh0000zgowfso6v6tc" class="article-share-link">分享</a>
<a href="http://yangqiuyan.yangbaojin.cc/2016/12/01/first-page/#ds-thread" class="article-comment-link">留言</a>
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/随便写写/">随便写写</a></li></ul>
</footer>
</div>
</article>
</section>
<aside id="sidebar">
<div class="widget-wrap">
<h3 class="widget-title tagcloud">标签云</h3>
<div class="widget tagcloud">
<a href="/tags/笔记/" style="font-size: 20px;">笔记</a> <a href="/tags/随便写写/" style="font-size: 10px;">随便写写</a>
</div>
</div>
<div class="widget-wrap">
<h3 class="widget-title recent-posts">最新文章</h3>
<div class="widget">
<ul>
<li>
<a href="/2016/12/14/设计模式学习笔记（二）/">设计模式学习笔记（二）</a>
</li>
<li>
<a href="/2016/12/08/设计模式学习笔记（一）/">设计模式学习笔记（一）</a>
</li>
<li>
<a href="/2016/12/07/hello-world/">Hello World</a>
</li>
<li>
<a href="/2016/12/01/first-page/">第一篇文章</a>
</li>
</ul>
</div>
</div>
<div class="widget-wrap">
<h3 class="widget-title lastest-comments">最新评论</h3>
<div class="widget">
<div class="hot-comments">
<!-- 多说最新评论 start -->
<div class="ds-recent-comments" data-num-items="5" data-show-avatars="1" data-show-time="1" data-show-title="1" data-show-admin="1" data-excerpt-length="70"></div>
<!-- 多说最新评论 end -->
</div>
</div>
</div>
<div class="widget-wrap">
<h3 class="widget-title archive">归档</h3>
<div class="widget">
<ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/12/">December 2016</a></li></ul>
</div>
</div>
</aside>
</div>
<footer id="footer">
<div class="outer">
<div id="footer-left">
© 2014 - 2016 yangbaojin |
主题 <a href="https://github.com/giscafer/hexo-theme-cafe/" target="_blank">Cafe</a>
</div>
<div id="footer-right">
联系方式 | http://yangqiuyan.yangbaojin.cc
</div>
</div>
</footer>
</div>
<nav id="mobile-nav">
<a href="/" class="mobile-nav-link">首页</a>
<a href="/archives" class="mobile-nav-link">归档</a>
<a href="/about" class="mobile-nav-link">关于</a>
<a href="/mydarling" class="mobile-nav-link">her</a>
<a href="/atom.xml" class="mobile-nav-link">rss</a>
</nav>
<script type="text/javascript">
var duoshuoQuery = {short_name:"yangqiuyan"};
</script>
<script src="/duoshuo/embed.js"></script>
<script src="/jquery/jquery.min.js"></script>
<link rel="stylesheet" href="/fancybox/jquery.fancybox.css">
<script src="/fancybox/jquery.fancybox.pack.js"></script>
<script src="/js/script.js"></script>
</div>
</body>
</html>