forked from weakish/tommy351.github.com
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
375 lines (240 loc) · 14.3 KB
/
index.html
File metadata and controls
375 lines (240 loc) · 14.3 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Zespia</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta content="website" property="og:type">
<meta content="Zespia" property="og:title">
<meta content="http://zespia.tw/" property="og:url">
<meta property="og:image">
<meta content="Zespia" property="og:site_name">
<meta property="og:description">
<meta content="summary" name="twitter:card">
<meta content="tommy351" name="twitter:creator">
<link rel="publisher" href="108777679171675250079">
<meta content="100000247608790" property="fb:admins">
<link rel="alternative" href="/atom.xml" title="Zespia" type="application/atom+xml">
<link href="http://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/css/style.css" type="text/css">
<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-4910098-7', 'zespia.tw');
ga('require', 'displayfeatures');
ga('send', 'pageview');
</script>
</head>
<body>
<div id="container">
<div id="wrap">
<header id="header">
<div id="banner"></div>
<div id="header-outer" class="outer">
<div id="header-title" class="inner">
<h1 id="logo-wrap">
<a href="/" id="logo">Zespia</a>
</h1>
</div>
<div id="header-inner" class="inner">
<nav id="main-nav">
<a id="main-nav-toggle" class="nav-icon"></a>
<a class="main-nav-link" href="/">Home</a>
<a class="main-nav-link" href="/archives">Archives</a>
<a class="main-nav-link" href="https://github.com/tommy351">GitHub</a>
</nav>
<nav id="sub-nav">
<a id="nav-rss-link" class="nav-icon" href="/atom.xml" title="RSS Feed"></a>
<a id="nav-search-btn" class="nav-icon" title="Search"></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"><input type="submit" value="" class="search-form-submit"><input type="hidden" name="q" value="site:http://zespia.tw"></form>
</div>
</div>
</div>
</header>
<div class="outer">
<section id="main">
<article id="post-ehreader-android" class="article article-type-post" itemscope itemprop="blogPost">
<div class="article-meta">
<a href="/blog/2014/04/19/ehreader-android/" class="article-date">
<time datetime="2014-04-19T10:14:10.000Z" itemprop="datePublished">2014/4/19</time>
</a>
</div>
<div class="article-inner">
<header class="article-header">
<h1 itemprop="name">
<a class="article-title" href="/blog/2014/04/19/ehreader-android/">E-Hentai 閱讀器 for Android</a>
</h1>
</header>
<div class="article-entry" itemprop="articleBody">
<p><img src="http://i.minus.com/iXV0rlAP1H4xI.jpg" alt=""></p>
<p>想必許多紳士都是 <a href="http://e-hentai.org/" target="_blank">E-Hentai</a> 的常客，我這邊就不細談這網站的內容了，這篇文章是久違的技術文，主要是來說明 <a href="https://github.com/tommy351/ehreader-android" target="_blank">E-Hentai 閱讀器</a> 的 <del>發牢騷</del> 製作過程。</p>
<p class="article-more-link">
<a href="/blog/2014/04/19/ehreader-android/#more">Read More</a>
</p>
</div>
<footer class="article-footer">
<a data-url="http://zespia.tw/blog/2014/04/19/ehreader-android/" data-id="ow1xd40n36cezgnz" class="article-share-link">Share</a>
<a href="http://zespia.tw/blog/2014/04/19/ehreader-android/#disqus_thread" class="article-comment-link">Comments</a>
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Android/">Android</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/E-Hentai/">E-Hentai</a></li></ul>
</footer>
</div>
</article>
<article id="post-atelier-escha-logy" class="article article-type-post" itemscope itemprop="blogPost">
<div class="article-meta">
<a href="/blog/2014/04/13/atelier-escha-logy/" class="article-date">
<time datetime="2014-04-13T01:29:57.000Z" itemprop="datePublished">2014/4/13</time>
</a>
</div>
<div class="article-inner">
<header class="article-header">
<h1 itemprop="name">
<a class="article-title" href="/blog/2014/04/13/atelier-escha-logy/">愛絲卡＆羅吉的鍊金工房 ─ 黃昏天空之鍊金術士</a>
</h1>
</header>
<div class="article-entry" itemprop="articleBody">
<p><img src="http://i3.minus.com/jbxXf34379Jbtl.jpg" alt=""></p>
<p>《愛絲卡＆羅吉的鍊金工房》（エスカ＆ロジーのアトリエ）是黃昏系列的第二作，<del>簡稱為「スカトロのアトリエ」</del>，繼承了前作的世界觀，時間經過了四年，這次的舞台在偏僻的「柯爾賽特」。</p>
<p class="article-more-link">
<a href="/blog/2014/04/13/atelier-escha-logy/#more">Read More</a>
</p>
</div>
<footer class="article-footer">
<a data-url="http://zespia.tw/blog/2014/04/13/atelier-escha-logy/" data-id="43hnghldeb79ul58" class="article-share-link">Share</a>
<a href="http://zespia.tw/blog/2014/04/13/atelier-escha-logy/#disqus_thread" class="article-comment-link">Comments</a>
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/PS3/">PS3</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/遊戲/">遊戲</a></li></ul>
</footer>
</div>
</article>
<article id="post-dragons-crown" class="article article-type-post" itemscope itemprop="blogPost">
<div class="article-meta">
<a href="/blog/2013/11/10/dragons-crown/" class="article-date">
<time datetime="2013-11-10T09:32:36.000Z" itemprop="datePublished">2013/11/10</time>
</a>
</div>
<div class="article-inner">
<header class="article-header">
<h1 itemprop="name">
<a class="article-title" href="/blog/2013/11/10/dragons-crown/">魔龍寶冠</a>
</h1>
</header>
<div class="article-entry" itemprop="articleBody">
<p><img src="http://i.minus.com/ibtrnhwgpr0qD5.png" alt=""></p>
<p>本站已經將近一年沒更新了，身為 Hexo 的作者卻不常使用 Hexo，這樣好像有點不太對勁？因此我在 10 月時決定再度提筆撰寫新文，可惜諸事繁忙，<del>加上每次寫文時都會手癢想改佈景主題</del>，導致這篇文章直到 11 月才正式動筆。</p>
<p>《魔龍寶冠》是一部非常細緻的 2D 橫向 RPG，由 VanillaWare 製作，在 PS3 和 PSV 平台上發行，為了能夠在通勤時遊玩，我選擇 PSV 版本。</p>
<p class="article-more-link">
<a href="/blog/2013/11/10/dragons-crown/#more">Read More</a>
</p>
</div>
<footer class="article-footer">
<a data-url="http://zespia.tw/blog/2013/11/10/dragons-crown/" data-id="1xw191ol4zk9ce9u" class="article-share-link">Share</a>
<a href="http://zespia.tw/blog/2013/11/10/dragons-crown/#disqus_thread" class="article-comment-link">Comments</a>
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/PS Vita/">PS Vita</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/遊戲/">遊戲</a></li></ul>
</footer>
</div>
</article>
<article id="post-hexo-theme-phase" class="article article-type-post" itemscope itemprop="blogPost">
<div class="article-meta">
<a href="/blog/2012/12/07/hexo-theme-phase/" class="article-date">
<time datetime="2012-12-07T10:36:03.000Z" itemprop="datePublished">2012/12/7</time>
</a>
</div>
<div class="article-inner">
<header class="article-header">
<h1 itemprop="name">
<a class="article-title" href="/blog/2012/12/07/hexo-theme-phase/">Phase — 史上最漂亮也最吃資源的主題</a>
</h1>
</header>
<div class="article-entry" itemprop="articleBody">
<p><img src="http://i.minus.com/icsKsGRjMpstw.png" alt=""></p>
<p>在轉到 Hexo 之前，我一直都在使用這個<a href="http://zespia.tw/blog/2012/05/02/new-theme-phase/">私用主題 Phase</a>，曾經承諾過我用膩了就公開發佈，於是今天就有這篇文章了。</p>
<p>這個主題是以 <a href="http://zespia.tw/Octopress-Theme-Slash/index_tw.html">Slash</a> 為基礎開發的，所以大部分的特性都繼承下來了，除了 Responsive Design 和 Twitter Live Stream 以外。</p>
<ul>
<li>Phase Beam 動態背景</li>
<li>自動讀取圖片的<code>alt</code>屬性，並在圖片下方顯示註解。</li>
<li>內建 <a href="http://fancyapps.com/fancybox/" target="_blank">Fancybox</a>，讓您輕鬆展示您的作品。</li>
<li>自動將 HTML5 video、iframe、object 等嵌入式影片縮放至頁面寬度。</li>
<li><a href="http://zespia.tw/hexo-theme-phase">預覽…</a></li>
</ul>
<p>Phase Beam 動態背景的效果非常絢麗，但是也非常吃資源，電腦或瀏覽器效能不佳的使用者開啟時可能會當機，至於 IE8，<del>你何時產生了我曾經積極支援過它的錯覺？</del></p>
<p class="article-more-link">
<a href="/blog/2012/12/07/hexo-theme-phase/#more">Read More</a>
</p>
</div>
<footer class="article-footer">
<a data-url="http://zespia.tw/blog/2012/12/07/hexo-theme-phase/" data-id="nl5bo34n3ry8s20g" class="article-share-link">Share</a>
<a href="http://zespia.tw/blog/2012/12/07/hexo-theme-phase/#disqus_thread" class="article-comment-link">Comments</a>
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Hexo/">Hexo</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Node.js/">Node.js</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Octopress/">Octopress</a></li></ul>
</footer>
</div>
</article>
<article id="post-nodejs-stream-copy-files" class="article article-type-post" itemscope itemprop="blogPost">
<div class="article-meta">
<a href="/blog/2012/12/06/nodejs-stream-copy-files/" class="article-date">
<time datetime="2012-12-05T16:14:46.000Z" itemprop="datePublished">2012/12/6</time>
</a>
</div>
<div class="article-inner">
<header class="article-header">
<h1 itemprop="name">
<a class="article-title" href="/blog/2012/12/06/nodejs-stream-copy-files/">使用 Stream 來拷貝檔案</a>
</h1>
</header>
<div class="article-entry" itemprop="articleBody">
<p><img src="http://i.minus.com/iFFlrSnC6IrC8.jpg" alt="K 子 - ぬれ早苗 (id=16398495)"></p>
<blockquote>
<p><strong>Stream</strong> [strim] n. [C] 小河、溪流</p>
</blockquote>
<p>因為 Stream 有這樣的意思，所以找了一張有溪流的圖片當做頁首圖片，<del>要在 Pixiv 上找一張非 R-18 的濕身圖片真難</del>。</p>
<p>雖然 <a href="http://zespia.tw/hexo">Hexo</a> 本來就很快了，不過在 <a href="https://github.com/tommy351/hexo/commit/1bfc6324285d7cadeb30f2c4bf4e8ea5fc451d5e" target="_blank">0.1.8</a> 使用 <a href="http://nodejs.org/api/stream.html" target="_blank">Stream</a> 代替原本的檔案複製方法，使靜態檔案的生成速度更加快速。</p>
<p class="article-more-link">
<a href="/blog/2012/12/06/nodejs-stream-copy-files/#more">Read More</a>
</p>
</div>
<footer class="article-footer">
<a data-url="http://zespia.tw/blog/2012/12/06/nodejs-stream-copy-files/" data-id="dh45tjtwb6rrfb9b" class="article-share-link">Share</a>
<a href="http://zespia.tw/blog/2012/12/06/nodejs-stream-copy-files/#disqus_thread" class="article-comment-link">Comments</a>
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/JavaScript/">JavaScript</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Node.js/">Node.js</a></li></ul>
</footer>
</div>
</article>
<nav id="page-nav">
<span class="page-number current">1</span><a class="page-number" href="/page/2/">2</a><a class="page-number" href="/page/3/">3</a><span class="space">…</span><a class="page-number" href="/page/10/">10</a><a class="extend next" href="/page/2/">Next »</a>
</nav>
</section>
</div>
<footer id="footer">
<div class="outer">
<div id="footer-info" class="inner">
© 2014 SkyArrow<br>
Powered by <a href="http://zespia.tw/hexo/" target="_blank">Hexo</a>
</div>
</div>
</footer>
</div>
<nav id="mobile-nav">
<a href="/" class="mobile-nav-link">Home</a>
<a href="/archives" class="mobile-nav-link">Archives</a>
<a href="https://github.com/tommy351" class="mobile-nav-link">GitHub</a>
</nav>
<script>
var disqus_shortname = 'zespiatw';
(function(){
var dsq = document.createElement('script');
dsq.type = 'text/javascript';
dsq.async = true;
dsq.src = '//go.disqus.com/count.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></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" src="/js/script.js"></script>
</div>
</body>
</html>