-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
371 lines (173 loc) · 13 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
<!DOCTYPE html>
<!--[if IEMobile 7 ]><html class="no-js iem7"><![endif]-->
<!--[if lt IE 9]><html class="no-js lte-ie8"><![endif]-->
<!--[if (gt IE 8)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Roy Kim's External Storage</title>
<meta name="author" content="Roy S. Kim">
<meta name="description" content="Tweet Octopressでブログを作成する方法 May 18th, 2014 Octopressでブログを構築するための手順等を説明するサイトは多くなるが、大抵うまく行かなかった。多分RubyやRuby On Railsの経験がないからかもしれない。どっちにしろ初心者には難しいとは思った。 …">
<!-- http://t.co/dKP3o1e -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="http://AppPot.github.io/">
<link href="/favicon.png" rel="icon">
<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
<script src="/javascripts/modernizr-2.0.js"></script>
<script src="/javascripts/ender.js"></script>
<script src="/javascripts/octopress.js" type="text/javascript"></script>
<link href="/atom.xml" rel="alternate" title="Roy Kim's External Storage" type="application/atom+xml">
<!--Fonts from Google"s Web font directory at http://google.com/webfonts -->
<link href="http://fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
</head>
<body >
<header role="banner" id="sidebar">
<!-- Logo -->
<aside id="logo" class="clearfix">
<div class="clearfix">
<a href="/">Roy Kim's External Storage</a>
</div>
</aside>
<ul id="menu">
<li class="title">
<h1 id="title"><a href="/">Roy Kim's External Storage</a></h1>
</li>
<li class="subtitle">
<h2 id="subtitle">Extended brain on digital device.</h2>
</li>
<li class="link">
<a href="/about/">about</a>
</li>
<li class="link rss">
<a href="/atom.xml">rss feed</a>
</li>
</ul>
<form action="https://www.google.com/search" method="get">
<fieldset role="search">
<input type="hidden" name="q" value="site:AppPot.github.io" />
<input class="search" type="text" name="q" results="0" placeholder="Search"/>
</fieldset>
</form>
<!-- Octopress Love -->
<aside id="octopress_linkback">
<a href="http://octopress.org/">
<span class="unicode_square">
<span class="unicode_circle">
</span>
</span>
<span class="octopress">Powered by Octopress</span>
</a>
</aside>
</header>
<section id="main">
<article class="post">
<div class="sharing-box">
<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://AppPot.github.io/index.html" data-via="" data-counturl="http://AppPot.github.io/index.html" data-size="large">Tweet</a>
</div>
<header>
<h2 class="entry-title">
<a href="/blog/2014/05/18/memo-on-building-octopress-blog/">Octopressでブログを作成する方法</a>
</h2>
<p class="meta">
<time datetime="2014-05-18T01:01:51+09:00" pubdate data-updated="true">May 18<span>th</span>, 2014</time>
</p>
</header>
<p>Octopressでブログを構築するための手順等を説明するサイトは多くなるが、大抵うまく行かなかった。多分RubyやRuby On Railsの経験がないからかもしれない。どっちにしろ初心者には難しいとは思った。また実際のブログの作成等にも独自のコマンドをターミナルから打つ必要があるので非エンジニアには無理なツールだと思った。</p>
<p>とりあえず、覚え書き；</p>
<ul>
<li>以下のサイトの手順で一番素直にできた。
<ul>
<li><a href="http://onigra.github.io/blog/2013/04/28/introduction-of-octopress/">【何番煎じ】OctopressとGitHub Pagesを使用したブログの構築手順</a></li>
</ul>
</li>
<li>以下のサイトは使用方法等を参考にした。
<ul>
<li><a href="http://morizyun.github.io/blog/octopress-gitpage-minimum-install-guide/">OctopressでGitHub無料ブログ構築。sourceをBitbucket管理。簡単ガイド！</a></li>
</ul>
</li>
<li>rakeから始まるコマンドはそのままでは実行できず、全て「bundle exec」をrakeコマンドの前につける必要があった。これを分かるまでちょっと苦労した。</li>
<li>今使っているテーマは以下から。しかしあまり好きではない。
<ul>
<li><a href="https://github.com/alexharris/octopress-flat/">octopress-flat</a></li>
</ul>
</li>
</ul>
</article>
<article class="post">
<div class="sharing-box">
<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://AppPot.github.io/index.html" data-via="" data-counturl="http://AppPot.github.io/index.html" data-size="large">Tweet</a>
</div>
<header>
<h2 class="entry-title">
<a href="/blog/2014/05/18/the-first-blogging/">The First Blogging</a>
</h2>
<p class="meta">
<time datetime="2014-05-18T00:39:45+09:00" pubdate data-updated="true">May 18<span>th</span>, 2014</time>
</p>
</header>
<p>これはOctopressを使った初めてのブログ投稿テストです</p>
</article>
<article class="post">
<div class="sharing-box">
<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://AppPot.github.io/index.html" data-via="" data-counturl="http://AppPot.github.io/index.html" data-size="large">Tweet</a>
</div>
<header>
<h2 class="entry-title">
<a href="http://google.com">The Problem With Pingdom</a>
<a href="/blog/2012/07/22/the-problem-with-pingdom/" class="anchor">⚓</a>
</h2>
<p class="meta">
<time datetime="2012-07-22T19:13:00+09:00" pubdate data-updated="true">Jul 22<span>nd</span>, 2012</time>
</p>
</header>
<figure class='code'><figcaption><span>Time to be Awesome - awesome.rb </span></figcaption>
<div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class='line-number'>1</span>
</pre></td><td class='code'><pre><code class='rb'><span class='line'><span class="nb">puts</span> <span class="s2">"Awesome!"</span> <span class="k">unless</span> <span class="n">lame</span>
</span></code></pre></td></tr></table></div></figure>
<p><a href="http://www.pingdom.com%20Pingdom">The problem with pingdom.</a></p>
<p>My money’s in that office, right? If she start giving me some bullshit about it ain’t there, and we got to go someplace else and get it, I’m gonna shoot you in the head then and there. Then I’m gonna shoot that bitch in the kneecaps, find out where my goddamn money is. She gonna tell me too. Hey, look at me when I’m talking to you, motherfucker. You listen: we go in there, and that nigga Winston or anybody else is in there, you the first motherfucker to get shot. You understand?</p>
<blockquote><p>Blockquote is what goes
inside this block here
would you believe that
bullshit?</p></blockquote>
<p>Well, the way they make shows is, they make one show. That show’s called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they’re going to make more shows. Some pilots get picked and become television programs. Some don’t, become nothing. She starred in one of the ones that became nothing.</p>
<p>The path of the righteous man is beset on all sides by the iniquities of the selfish and the tyranny of evil men. Blessed is he who, in the name of charity and good will, shepherds the weak through the valley of darkness, for he is truly his brother’s keeper and the finder of lost children. And I will strike down upon thee with great vengeance and furious anger those who would attempt to poison and destroy My brothers. And you will know My name is the Lord when I lay My vengeance upon thee.</p>
<p>Your bones don’t break, mine do. That’s clear. Your cells react to bacteria and viruses differently than mine. You don’t get sick, I do. That’s also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We’re on the same curve, just on opposite ends.</p>
<p>Do you see any Teletubbies in here? Do you see a slender plastic tag clipped to my shirt with my name printed on it? Do you see a little Asian child with a blank expression on his face sitting outside on a mechanical helicopter that shakes when you put quarters in it? No? Well, that’s what you see at a toy store. And you must think you’re in a toy store, because you’re here shopping for an infant named Jeb.</p>
</article>
<article class="post">
<div class="sharing-box">
<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://AppPot.github.io/index.html" data-via="" data-counturl="http://AppPot.github.io/index.html" data-size="large">Tweet</a>
</div>
<header>
<h2 class="entry-title">
<a href="/blog/2012/07/22/intro/">Intro</a>
</h2>
<p class="meta">
<time datetime="2012-07-22T08:23:00+09:00" pubdate data-updated="true">Jul 22<span>nd</span>, 2012</time>
</p>
</header>
<p>Testing!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin, massa eu vestibulum laoreet, nibh ante vulputate lorem, ac lobortis ante tellus eu mi. Duis sem nisi, luctus at feugiat eget, fringilla ut tellus. Nam a molestie justo. Sed pulvinar est vitae tellus semper tincidunt. Fusce euismod luctus lacus nec placerat. Mauris rutrum scelerisque nulla ut tempor. Nunc porttitor posuere mi, aliquet vehicula lorem feugiat in. Ut ut fermentum risus. Aliquam tincidunt ultricies ante sit amet bibendum. Cras nec sapien odio. Duis posuere congue sem, at congue massa faucibus at.</p>
<p>Integer ut sapien eget nisl auctor faucibus ut fermentum arcu. Nunc rutrum urna non risus congue et tristique felis eleifend. Maecenas blandit est eu mauris aliquam aliquet. Quisque porttitor enim eget risus blandit in mollis orci eleifend. Nam malesuada nulla sed lacus elementum placerat accumsan arcu rhoncus. Phasellus feugiat cursus turpis nec facilisis. Duis eget metus arcu, eget commodo velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer cursus vulputate enim, vel gravida velit faucibus et. Ut a urna vitae tellus cursus rhoncus. Maecenas at odio eget quam cursus elementum. Aliquam vitae eros quis tellus laoreet accumsan sed id lorem. Suspendisse et rutrum leo. Integer scelerisque vestibulum adipiscing. In posuere, libero ac accumsan suscipit, nulla ligula gravida erat, ut tempor odio erat nec sem. Quisque justo ipsum, adipiscing volutpat varius vitae, blandit eget nisi.</p>
<p>Nullam adipiscing neque ac lacus commodo vitae imperdiet dui sollicitudin. Ut ac nunc augue. Nam at sem ut quam commodo aliquet vitae vitae dui. Vivamus scelerisque felis eget dolor cursus feugiat. Phasellus at dui sed lectus scelerisque pretium. Etiam nec massa ut justo vestibulum fringilla ac vitae urna. Morbi tortor erat, tempus sed consectetur at, elementum nec eros. Vivamus mattis arcu a sapien semper non lacinia eros pretium.</p>
<p>Proin ut hendrerit arcu. Maecenas ullamcorper tristique magna vel mattis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam tincidunt euismod viverra. In sit amet neque turpis. Suspendisse ac sapien mi, id blandit purus. Ut tortor turpis, rutrum ac tempor at, accumsan sit amet erat. Etiam ultricies eleifend dolor, eget tempus justo tristique vitae. In hac habitasse platea dictumst. Aliquam eu enim neque.</p>
<p>Morbi massa lorem, viverra non dictum at, malesuada vel nibh. Nam fermentum lobortis varius. Sed a nulla lacus, quis posuere risus. Nunc id urna libero, quis rutrum mi. In gravida felis urna. Praesent nec dolor ac urna tempor fermentum. Curabitur rutrum arcu et lorem volutpat viverra.</p>
</article>
<nav role="navigation" id="pagination">
</nav>
</section>
<script type="text/javascript">
(function(){
var twitterWidgets = document.createElement('script');
twitterWidgets.type = 'text/javascript';
twitterWidgets.async = true;
twitterWidgets.src = 'http://platform.twitter.com/widgets.js';
document.getElementsByTagName('head')[0].appendChild(twitterWidgets);
})();
</script>
</body>
</html>