-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
479 lines (227 loc) · 14.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
<!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>The OctopressThemes Blog</title>
<meta name="author" content="Octopress Themes">
<meta name="description" content="I often find Octopress blogs with posts written in other languages have their titles and headings written in english. It looks inconsistent and makes …">
<!-- 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://octopressthemes.com/blog/">
<link href="/blog/favicon.png" rel="icon">
<link href="/blog/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
<script src="/blog/javascripts/modernizr-2.0.js"></script>
<script src="/blog/javascripts/ender.js"></script>
<script src="/blog/javascripts/octopress.js" type="text/javascript"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="/blog/javascripts/foundation.min.js"></script>
<link href="/blog/atom.xml" rel="alternate" title="The OctopressThemes Blog" 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">
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-2672768-10']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body >
<header role="banner"><hgroup>
<h1><a href="/blog/">The OctopressThemes Blog</a></h1>
<h2>news and articles from octopress themes</h2>
</hgroup>
</header>
<nav role="navigation"><ul class="subscription" data-subscription="rss">
<li><a href="/blog/atom.xml" rel="subscribe-rss" title="subscribe via RSS">RSS</a></li>
</ul>
<form action="http://google.com/search" method="get">
<fieldset role="search">
<input type="hidden" name="q" value="site:octopressthemes.com/blog" />
<input class="search" type="text" name="q" results="0" placeholder="Search"/>
</fieldset>
</form>
<ul class="main-navigation">
<li><a href="/blog/">Blog</a></li>
<li><a href="/blog/blog/archives">Archives</a></li>
</ul>
</nav>
<div id="main">
<div id="content">
<div class="blog-index">
<article>
<header>
<h1 class="entry-title"><a href="/blog/2013/05/20/octopress-localized-to-chinese/">Octopress Localized to Chinese</a></h1>
<p class="meta">
<time datetime="2013-05-20T06:22:00+08:00" pubdate data-updated="true">May 20<span>th</span>, 2013</time>
</p>
</header>
<div class="entry-content"><p>I often find Octopress blogs with posts written in other languages have their titles and headings written in english. It looks inconsistent and makes the blog feel sloppy. To cater to the chinese users, we are maintaining a fork of the Octopress repository in Chinese. The code is the same. Only the headers and titles are localized to Chinese.</p>
</div>
<footer>
<a rel="full-article" href="/blog/2013/05/20/octopress-localized-to-chinese/">Read on →</a>
</footer>
</article>
<article>
<header>
<h1 class="entry-title"><a href="/blog/2013/05/15/changing-the-github-organization-name-to-octothemes/">Changing the Github Organization Name to Octothemes</a></h1>
<p class="meta">
<time datetime="2013-05-15T06:17:00+08:00" pubdate data-updated="true">May 15<span>th</span>, 2013</time>
</p>
</header>
<div class="entry-content"><p>I am moving all the themes and plugin repositories to be under a new Github organization called <a href="https://github.com/octothemes">Octothemes</a>. <a href="https://github.com/imathis">Brandon</a>, the author of <a href="https://octopress.org">Octopress</a> asked me to change it as the organization name caused people to assume it is an official Octopress project. We are not an official Octpress project, but a third party one. I think it is a reasonable request. So here we are on a new Github organization. To minimize disturbances to existing users, the old repositories will be preserved until the end of June. My sincere apologies for any disturbances caused.</p>
</div>
</article>
<article>
<header>
<h1 class="entry-title"><a href="/blog/2012/12/11/adding-a-related-posts-section-to-your-post/">Adding a Related Posts Section to Your Post</a></h1>
<p class="meta">
<time datetime="2012-12-11T05:31:00+08:00" pubdate data-updated="true">Dec 11<span>th</span>, 2012</time>
</p>
</header>
<div class="entry-content"><p>A related posts section helps your readers to discover posts that they may like. It is very effective for increasing readership. In <a href="http://octopress.org">Octopress</a>, it is very easy to add a related posts section. <a href="https://github.com/mojombo/jekyll">Jekyll</a> already has a related posts plugin. All we need to do is to enable it. We have installed related posts for this blog. Take a look at the bottom of the post to see it.</p>
</div>
<footer>
<a rel="full-article" href="/blog/2012/12/11/adding-a-related-posts-section-to-your-post/">Read on →</a>
</footer>
</article>
<article>
<header>
<h1 class="entry-title"><a href="/blog/2012/11/10/adding-a-modal-dialog-to-octopress-with-foundation-zurb/">Adding a Modal Dialog to Octopress With Foundation Zurb</a></h1>
<p class="meta">
<time datetime="2012-11-10T17:17:00+08:00" pubdate data-updated="true">Nov 10<span>th</span>, 2012</time>
</p>
</header>
<div class="entry-content"><p>In this post, I’m going to show you how to add modal dialogs to your Octopress blog. Some people call it lightbox, or modal popup. Essentially, they bring focus to content. I’m sure you must have came across it. Usually they are used to show photos, messages and forms. Sadly Octopress does not come with modal dialogs by default. But it is trivial to add it to your Octopress blog. I’ve selected <a href="http://foundation.zurb.com/">Foundation Zurb’s</a> reveal modal plugin. There are plenty of other plugins which would have done the job as nicely.</p>
</div>
<footer>
<a rel="full-article" href="/blog/2012/11/10/adding-a-modal-dialog-to-octopress-with-foundation-zurb/">Read on →</a>
</footer>
</article>
<article>
<header>
<h1 class="entry-title"><a href="/blog/2012/11/04/how-to-change-to-a-photo-background-for-your-octopress-blog/">How to Change to a Photo Background for Your Octopress Blog</a></h1>
<p class="meta">
<time datetime="2012-11-04T17:29:00+08:00" pubdate data-updated="true">Nov 4<span>th</span>, 2012</time>
</p>
</header>
<div class="entry-content"><p>The <a href="https://github.com/octothemes/new-york">New York theme</a> makes use of a fantastic photo of the New York skyline to act as the background for your blog. It is a common design technique to use a photo to fill up the entire web page. Take a look at <a href="http://about.me">about.me</a> or this <a href="http://line25.com/articles/25-web-designs-with-full-page-background-photos">showcase</a> of full page background designs. We are going to show you how to use an image or photo for your Octopress blog’s background.</p>
</div>
<footer>
<a rel="full-article" href="/blog/2012/11/04/how-to-change-to-a-photo-background-for-your-octopress-blog/">Read on →</a>
</footer>
</article>
<article>
<header>
<h1 class="entry-title"><a href="/blog/2012/10/22/how-to-add-a-popular-posts-plugin-on-octopress/">How to Add a Popular Posts Plugin on Octopress</a></h1>
<p class="meta">
<time datetime="2012-10-22T21:44:00+08:00" pubdate data-updated="true">Oct 22<span>nd</span>, 2012</time>
</p>
</header>
<div class="entry-content"><p>A popular posts(or a top posts) section is literally present on every blog on the internet. It recommends quality posts to your readers. Take a look at Jason Cohen’s <a href="http://blog.asmartbear.com/">blog</a>, Rob Walling’s <a href="http://www.softwarebyrob.com/">blog</a> and Nati Shalom’s <a href="http://natishalom.typepad.com/">blog</a>. Sadly <a href="http://octopress.org">Octopress</a> don’t have a popular posts asides section. Octopress Themes has created a <a href="https://github.com/octothemes/popular-posts">popular posts plugin</a> that does that.</p>
</div>
<footer>
<a rel="full-article" href="/blog/2012/10/22/how-to-add-a-popular-posts-plugin-on-octopress/">Read on →</a>
</footer>
</article>
<article>
<header>
<h1 class="entry-title"><a href="/blog/2012/10/18/how-to-add-an-email-subscription-plugin-on-octopress/">How to Add an Email Subscription Plugin on Octopress</a></h1>
<p class="meta">
<time datetime="2012-10-18T06:28:00+08:00" pubdate data-updated="true">Oct 18<span>th</span>, 2012</time>
</p>
</header>
<div class="entry-content"><h2>Why do you want to add email subscription?</h2>
<p>An email subscription form is one of the most common features you see on blogs. Yet it is not present by default on <a href="http://octopress.org">Octopress</a>. Besides RSS feeds, your blog should provide an option for readers to subscribe by email. Having a way to reach your readers is <a href="http://www.kalzumeus.com/2012/05/31/can-i-get-your-email/">never a bad thing</a>. It is going to look just like the email subscription section you see on this blog(hint: on the right). Luckily, it is simple enough that you can create one in 5 minutes.</p>
</div>
<footer>
<a rel="full-article" href="/blog/2012/10/18/how-to-add-an-email-subscription-plugin-on-octopress/">Read on →</a>
</footer>
</article>
<div class="pagination">
<a href="/blog/blog/archives">Blog Archives</a>
</div>
</div>
<aside class="sidebar">
<section>
<h1>About</h1>
<p>Articles on how to customize your Octopress blog from <a href="http://octopressthemes.com">Octopress Themes</a>.</p>
</section>
<section>
<h1>Subscribe</h1>
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="http://liangzan.us2.list-manage.com/subscribe/post?u=43276f0c5e7dec4cff937d081&id=0ddcabf9a6" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="mc-field-group">
<label for="mce-EMAIL">
Enter your email to receive updates
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="you@email.com">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<div class="clear">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
</div>
</form>
</div>
<!--End mc_embed_signup-->
</section>
<section>
<h1>Recent Posts</h1>
<ul id="recent_posts">
<li class="post">
<a href="/blog/2013/05/20/octopress-localized-to-chinese/">Octopress localized to Chinese</a>
</li>
<li class="post">
<a href="/blog/2013/05/15/changing-the-github-organization-name-to-octothemes/">Changing the Github organization name to Octothemes</a>
</li>
<li class="post">
<a href="/blog/2012/12/11/adding-a-related-posts-section-to-your-post/">Adding a related posts section to your post</a>
</li>
<li class="post">
<a href="/blog/2012/11/10/adding-a-modal-dialog-to-octopress-with-foundation-zurb/">Adding a modal dialog to Octopress with Foundation Zurb</a>
</li>
<li class="post">
<a href="/blog/2012/11/04/how-to-change-to-a-photo-background-for-your-octopress-blog/">How to change to a photo background for your Octopress blog</a>
</li>
</ul>
</section>
</aside>
</div>
</div>
<footer role="contentinfo"><p>
Copyright © 2013 - Octopress Themes -
<span class="credit">Powered by <a href="http://octopress.org">Octopress</a>. Design by <a href="http://octopressthemes.com">Octopress Themes</a>.</span>
</p>
</footer>
<script type="text/javascript">
var disqus_shortname = 'octopressthemes';
var disqus_script = 'count.js';
(function () {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/' + disqus_script;
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
}());
</script>
<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>