jekyll 0.11.0 → 0.11.2
Sign up to get free protection for your applications and to get access to all the features.
Potentially problematic release.
This version of jekyll might be problematic. Click here for more details.
- data/History.txt +9 -0
- data/Rakefile +7 -2
- data/jekyll.gemspec +17 -26
- data/lib/jekyll.rb +1 -1
- data/lib/jekyll/tags/highlight.rb +3 -5
- metadata +98 -92
- data/doc/output/book.html +0 -574
- data/doc/output/ch00-preface.asc +0 -41
- data/doc/output/ch01-quick-start.asc +0 -153
- data/doc/output/ch02-directory-layout.asc +0 -90
- data/doc/output/stylesheets/handbookish-quirks.css +0 -0
- data/doc/output/stylesheets/handbookish.css +0 -231
- data/doc/output/stylesheets/scribe-quirks.css +0 -0
- data/doc/output/stylesheets/scribe.css +0 -177
- data/g.pl +0 -48
- data/output/stylesheets/scribe-quirks.css +0 -0
- data/output/stylesheets/scribe.css +0 -177
data/doc/output/book.html
DELETED
@@ -1,574 +0,0 @@
|
|
1
|
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
|
2
|
-
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
3
|
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
|
4
|
-
<head>
|
5
|
-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
6
|
-
<meta name="generator" content="AsciiDoc 8.5.3" />
|
7
|
-
<title>Jekyll</title>
|
8
|
-
<style type="text/css">
|
9
|
-
/* ---------------------------------------------------------------------------
|
10
|
-
Bare AsciiDoc styles
|
11
|
-
Ryan Tomayko <r@tomayko.com>
|
12
|
-
--------------------------------------------------------------------------- */
|
13
|
-
|
14
|
-
body {
|
15
|
-
font-family:verdana,helvetica,arial,sans-serif;
|
16
|
-
font-size:81.25%; /* 13px */
|
17
|
-
line-height:1.538; /* 20px */
|
18
|
-
margin:40px auto 50px auto;
|
19
|
-
max-width:53.8461538462em; /* 790px */
|
20
|
-
color:#333;
|
21
|
-
}
|
22
|
-
|
23
|
-
em {
|
24
|
-
font-style:italic;
|
25
|
-
}
|
26
|
-
|
27
|
-
strong {
|
28
|
-
font-weight:bold;
|
29
|
-
color:#000;
|
30
|
-
}
|
31
|
-
|
32
|
-
tt {
|
33
|
-
font-family:consolas, 'lucida console', 'bitstream vera sans mono',
|
34
|
-
'courier new', monospace;
|
35
|
-
color:#000;
|
36
|
-
}
|
37
|
-
|
38
|
-
p, ul, ol, dl {
|
39
|
-
margin:10px 0
|
40
|
-
}
|
41
|
-
|
42
|
-
dl {
|
43
|
-
margin-left:40px
|
44
|
-
}
|
45
|
-
|
46
|
-
dt {
|
47
|
-
font-weight:normal;
|
48
|
-
color:#000;
|
49
|
-
}
|
50
|
-
|
51
|
-
h1, h2, h3, h4, h5 {
|
52
|
-
font-family:'lucida grande',georgia,verdana,helvetica,arial,sans-serif;
|
53
|
-
font-weight:normal;
|
54
|
-
color:#000;
|
55
|
-
}
|
56
|
-
|
57
|
-
h1 {
|
58
|
-
font-size:40px;
|
59
|
-
line-height:1.428;
|
60
|
-
margin:20px 0;
|
61
|
-
}
|
62
|
-
|
63
|
-
h2 {
|
64
|
-
font-size:30px;
|
65
|
-
line-height:1.36363636; /* repeating, of course */
|
66
|
-
margin:60px 0 20px 0;
|
67
|
-
}
|
68
|
-
|
69
|
-
h2 + .sectionbody {}
|
70
|
-
|
71
|
-
h3 {
|
72
|
-
font-size:24px;
|
73
|
-
line-height:1.1;
|
74
|
-
margin:30px 0 10px 0;
|
75
|
-
}
|
76
|
-
|
77
|
-
h4 {
|
78
|
-
font-size:18px;
|
79
|
-
line-height:1.1;
|
80
|
-
margin:20px 0 5px 0;
|
81
|
-
}
|
82
|
-
|
83
|
-
h5 {
|
84
|
-
font-size:13px;
|
85
|
-
font-style:italic;
|
86
|
-
line-height:1.1;
|
87
|
-
}
|
88
|
-
|
89
|
-
#header {
|
90
|
-
text-align:center;
|
91
|
-
margin-bottom:30px;
|
92
|
-
}
|
93
|
-
|
94
|
-
#header h1 { margin-bottom:0 }
|
95
|
-
|
96
|
-
.title, .sidebar-title {
|
97
|
-
font-weight:normal;
|
98
|
-
color:#000;
|
99
|
-
margin-bottom:0;
|
100
|
-
}
|
101
|
-
|
102
|
-
.admonitionblock .title {
|
103
|
-
font-weight:bold;
|
104
|
-
}
|
105
|
-
|
106
|
-
.admonitionblock {
|
107
|
-
margin:30px 0px;
|
108
|
-
color:#555;
|
109
|
-
}
|
110
|
-
|
111
|
-
.admonitionblock td.icon {
|
112
|
-
width:30px;
|
113
|
-
padding-right:20px;
|
114
|
-
padding-left:20px;
|
115
|
-
text-transform:uppercase;
|
116
|
-
font-weight:bold;
|
117
|
-
color:#888;
|
118
|
-
}
|
119
|
-
|
120
|
-
.listingblock {
|
121
|
-
margin: 13px 0;
|
122
|
-
}
|
123
|
-
|
124
|
-
.listingblock .content {
|
125
|
-
border:1px solid silver;
|
126
|
-
background:#eee;
|
127
|
-
padding:5px;
|
128
|
-
}
|
129
|
-
|
130
|
-
.listingblock .content pre {
|
131
|
-
margin:0;
|
132
|
-
}
|
133
|
-
|
134
|
-
.literalblock .content {
|
135
|
-
margin-left:40px;
|
136
|
-
}
|
137
|
-
|
138
|
-
.verseblock .content {
|
139
|
-
white-space:pre
|
140
|
-
}
|
141
|
-
|
142
|
-
.sidebarblock .sidebar-content {
|
143
|
-
border:1px solid silver;
|
144
|
-
background:#FFFFEE;
|
145
|
-
padding:0 10px;
|
146
|
-
color:#222;
|
147
|
-
font-size:smaller;
|
148
|
-
line-height:1.5;
|
149
|
-
}
|
150
|
-
|
151
|
-
.sidebar-title {
|
152
|
-
margin:10px 0;
|
153
|
-
font-weight:bold;
|
154
|
-
color:#442;
|
155
|
-
}
|
156
|
-
|
157
|
-
.quoteblock-content {
|
158
|
-
font-style:italic;
|
159
|
-
color:#444;
|
160
|
-
margin-left:40px;
|
161
|
-
}
|
162
|
-
|
163
|
-
.quoteblock-content .attribution {
|
164
|
-
font-style:normal;
|
165
|
-
text-align:right;
|
166
|
-
color:#000;
|
167
|
-
}
|
168
|
-
|
169
|
-
.exampleblock-content *:first-child { margin-top:0 }
|
170
|
-
.exampleblock-content {
|
171
|
-
border-left:2px solid silver;
|
172
|
-
padding-left:8px;
|
173
|
-
}
|
174
|
-
|
175
|
-
#footer {
|
176
|
-
font-size:11px;
|
177
|
-
margin-top:40px;
|
178
|
-
border-top:1px solid silver;
|
179
|
-
color:#555;
|
180
|
-
}
|
181
|
-
|
182
|
-
#author {
|
183
|
-
color:#000;
|
184
|
-
text-transform:uppercase
|
185
|
-
}
|
186
|
-
|
187
|
-
</style>
|
188
|
-
<script type="text/javascript">
|
189
|
-
/*<![CDATA[*/
|
190
|
-
window.onload = function(){asciidoc.footnotes(); asciidoc.toc(2);}
|
191
|
-
var asciidoc = { // Namespace.
|
192
|
-
|
193
|
-
/////////////////////////////////////////////////////////////////////
|
194
|
-
// Table Of Contents generator
|
195
|
-
/////////////////////////////////////////////////////////////////////
|
196
|
-
|
197
|
-
/* Author: Mihai Bazon, September 2002
|
198
|
-
* http://students.infoiasi.ro/~mishoo
|
199
|
-
*
|
200
|
-
* Table Of Content generator
|
201
|
-
* Version: 0.4
|
202
|
-
*
|
203
|
-
* Feel free to use this script under the terms of the GNU General Public
|
204
|
-
* License, as long as you do not remove or alter this notice.
|
205
|
-
*/
|
206
|
-
|
207
|
-
/* modified by Troy D. Hanson, September 2006. License: GPL */
|
208
|
-
/* modified by Stuart Rackham, 2006, 2009. License: GPL */
|
209
|
-
|
210
|
-
// toclevels = 1..4.
|
211
|
-
toc: function (toclevels) {
|
212
|
-
|
213
|
-
function getText(el) {
|
214
|
-
var text = "";
|
215
|
-
for (var i = el.firstChild; i != null; i = i.nextSibling) {
|
216
|
-
if (i.nodeType == 3 /* Node.TEXT_NODE */) // IE doesn't speak constants.
|
217
|
-
text += i.data;
|
218
|
-
else if (i.firstChild != null)
|
219
|
-
text += getText(i);
|
220
|
-
}
|
221
|
-
return text;
|
222
|
-
}
|
223
|
-
|
224
|
-
function TocEntry(el, text, toclevel) {
|
225
|
-
this.element = el;
|
226
|
-
this.text = text;
|
227
|
-
this.toclevel = toclevel;
|
228
|
-
}
|
229
|
-
|
230
|
-
function tocEntries(el, toclevels) {
|
231
|
-
var result = new Array;
|
232
|
-
var re = new RegExp('[hH]([2-'+(toclevels+1)+'])');
|
233
|
-
// Function that scans the DOM tree for header elements (the DOM2
|
234
|
-
// nodeIterator API would be a better technique but not supported by all
|
235
|
-
// browsers).
|
236
|
-
var iterate = function (el) {
|
237
|
-
for (var i = el.firstChild; i != null; i = i.nextSibling) {
|
238
|
-
if (i.nodeType == 1 /* Node.ELEMENT_NODE */) {
|
239
|
-
var mo = re.exec(i.tagName);
|
240
|
-
if (mo && (i.getAttribute("class") || i.getAttribute("className")) != "float") {
|
241
|
-
result[result.length] = new TocEntry(i, getText(i), mo[1]-1);
|
242
|
-
}
|
243
|
-
iterate(i);
|
244
|
-
}
|
245
|
-
}
|
246
|
-
}
|
247
|
-
iterate(el);
|
248
|
-
return result;
|
249
|
-
}
|
250
|
-
|
251
|
-
var toc = document.getElementById("toc");
|
252
|
-
var entries = tocEntries(document.getElementById("content"), toclevels);
|
253
|
-
for (var i = 0; i < entries.length; ++i) {
|
254
|
-
var entry = entries[i];
|
255
|
-
if (entry.element.id == "")
|
256
|
-
entry.element.id = "_toc_" + i;
|
257
|
-
var a = document.createElement("a");
|
258
|
-
a.href = "#" + entry.element.id;
|
259
|
-
a.appendChild(document.createTextNode(entry.text));
|
260
|
-
var div = document.createElement("div");
|
261
|
-
div.appendChild(a);
|
262
|
-
div.className = "toclevel" + entry.toclevel;
|
263
|
-
toc.appendChild(div);
|
264
|
-
}
|
265
|
-
if (entries.length == 0)
|
266
|
-
toc.parentNode.removeChild(toc);
|
267
|
-
},
|
268
|
-
|
269
|
-
|
270
|
-
/////////////////////////////////////////////////////////////////////
|
271
|
-
// Footnotes generator
|
272
|
-
/////////////////////////////////////////////////////////////////////
|
273
|
-
|
274
|
-
/* Based on footnote generation code from:
|
275
|
-
* http://www.brandspankingnew.net/archive/2005/07/format_footnote.html
|
276
|
-
*/
|
277
|
-
|
278
|
-
footnotes: function () {
|
279
|
-
var cont = document.getElementById("content");
|
280
|
-
var noteholder = document.getElementById("footnotes");
|
281
|
-
var spans = cont.getElementsByTagName("span");
|
282
|
-
var refs = {};
|
283
|
-
var n = 0;
|
284
|
-
for (i=0; i<spans.length; i++) {
|
285
|
-
if (spans[i].className == "footnote") {
|
286
|
-
n++;
|
287
|
-
// Use [\s\S] in place of . so multi-line matches work.
|
288
|
-
// Because JavaScript has no s (dotall) regex flag.
|
289
|
-
note = spans[i].innerHTML.match(/\s*\[([\s\S]*)]\s*/)[1];
|
290
|
-
noteholder.innerHTML +=
|
291
|
-
"<div class='footnote' id='_footnote_" + n + "'>" +
|
292
|
-
"<a href='#_footnoteref_" + n + "' title='Return to text'>" +
|
293
|
-
n + "</a>. " + note + "</div>";
|
294
|
-
spans[i].innerHTML =
|
295
|
-
"[<a id='_footnoteref_" + n + "' href='#_footnote_" + n +
|
296
|
-
"' title='View footnote' class='footnote'>" + n + "</a>]";
|
297
|
-
var id =spans[i].getAttribute("id");
|
298
|
-
if (id != null) refs["#"+id] = n;
|
299
|
-
}
|
300
|
-
}
|
301
|
-
if (n == 0)
|
302
|
-
noteholder.parentNode.removeChild(noteholder);
|
303
|
-
else {
|
304
|
-
// Process footnoterefs.
|
305
|
-
for (i=0; i<spans.length; i++) {
|
306
|
-
if (spans[i].className == "footnoteref") {
|
307
|
-
var href = spans[i].getElementsByTagName("a")[0].getAttribute("href");
|
308
|
-
href = href.match(/#.*/)[0]; // Because IE return full URL.
|
309
|
-
n = refs[href];
|
310
|
-
spans[i].innerHTML =
|
311
|
-
"[<a href='#_footnote_" + n +
|
312
|
-
"' title='View footnote' class='footnote'>" + n + "</a>]";
|
313
|
-
}
|
314
|
-
}
|
315
|
-
}
|
316
|
-
}
|
317
|
-
|
318
|
-
}
|
319
|
-
/*]]>*/
|
320
|
-
</script>
|
321
|
-
</head>
|
322
|
-
<body>
|
323
|
-
<div id="header">
|
324
|
-
<h1>Jekyll</h1>
|
325
|
-
<span id="author">Tom Preston-Werner</span><br />
|
326
|
-
<span id="email"><tt><<a href="mailto:<tom@mojombo.com>"><tom@mojombo.com></a>></tt></span><br />
|
327
|
-
<div id="toc">
|
328
|
-
<div id="toctitle">Table of Contents</div>
|
329
|
-
<noscript><p><b>JavaScript must be enabled in your browser to display the table of contents.</b></p></noscript>
|
330
|
-
</div>
|
331
|
-
</div>
|
332
|
-
<div id="content">
|
333
|
-
<h2 id="_preface">1. Preface</h2>
|
334
|
-
<div class="sectionbody">
|
335
|
-
<div class="paragraph"><p>Jekyll was born out the desire to create a blog engine that would make it
|
336
|
-
possible to write posts in my local text editor, version those posts with Git,
|
337
|
-
and keep up with my desire to tweak the styles and layout of my site.</p></div>
|
338
|
-
<div class="paragraph"><p>In other words, I wanted something that fit into my existing software
|
339
|
-
development workflow and toolchain. Jekyll handles not only this case, but a
|
340
|
-
wide variety of other situations that call for static site generation based on
|
341
|
-
converted content and layout templates.</p></div>
|
342
|
-
<div class="paragraph"><p>At its core, Jekyll is a text transformation engine. The concept behind the
|
343
|
-
system is this: you give it text written in your favorite markup language, be
|
344
|
-
that Markdown, Textile, or just plain HTML, and it churns that through a
|
345
|
-
layout or series of layout files. Throughout that process you can tweak how
|
346
|
-
you want the site URLs to look, what data gets displayed on the layout and
|
347
|
-
much more.</p></div>
|
348
|
-
<div class="paragraph"><p>If you’re looking for a simple, yet powerful solution to your blogging or
|
349
|
-
static site needs, Jekyll may be just what you’ve been looking for.</p></div>
|
350
|
-
<h3 id="_what_this_book_covers">1.1. What this book covers</h3><div style="clear:left"></div>
|
351
|
-
<div class="paragraph"><p><em>Chapter 1, Quick Start</em> covers installation, introduces the Jekyll command
|
352
|
-
line interface, and runs through a quick example demonstrating the site
|
353
|
-
generator, post generator and how to convert your Jekyll site into a static
|
354
|
-
site.</p></div>
|
355
|
-
<div class="paragraph"><p><em>Chapter 2, Directory Layout</em> covers the various files and directories that
|
356
|
-
comprise a Jekyll site.</p></div>
|
357
|
-
<div class="paragraph"><p><em>Chapter 3, Tags and Filters</em></p></div>
|
358
|
-
<div class="paragraph"><p><em>Chapter X, Deploying your Jekyll Site</em></p></div>
|
359
|
-
<div class="paragraph"><p><em>Chapter X, Customizing Jekyll with Plugins</em></p></div>
|
360
|
-
<div class="paragraph"><p><em>Chapter X, Migrating to Jekyll from your Existing Blog</em></p></div>
|
361
|
-
<div class="paragraph"><p><em>Chapter X, Configuration Reference</em></p></div>
|
362
|
-
</div>
|
363
|
-
<h2 id="_chapter_1_quick_start">2. Chapter 1: Quick Start</h2>
|
364
|
-
<div class="sectionbody">
|
365
|
-
<div class="paragraph"><p>This chapter is designed to get you up and running with Jekyll as quickly as
|
366
|
-
possible.</p></div>
|
367
|
-
<h3 id="_installation">2.1. Installation</h3><div style="clear:left"></div>
|
368
|
-
<div class="paragraph"><p>The best way to install Jekyll is via RubyGems:</p></div>
|
369
|
-
<div class="listingblock">
|
370
|
-
<div class="content">
|
371
|
-
<pre><tt>gem install jekyll</tt></pre>
|
372
|
-
</div></div>
|
373
|
-
<div class="paragraph"><p>This is all you need in order to get started with a basic Jekyll site. Some
|
374
|
-
options require additional packages to be installed.</p></div>
|
375
|
-
<div class="paragraph"><p>If you encounter errors during gem installation, you may need to install the
|
376
|
-
header files for compiling extension modules for ruby 1.8:</p></div>
|
377
|
-
<div class="listingblock">
|
378
|
-
<div class="title">Debian</div>
|
379
|
-
<div class="content">
|
380
|
-
<pre><tt>sudo apt-get install ruby1.8-dev</tt></pre>
|
381
|
-
</div></div>
|
382
|
-
<div class="listingblock">
|
383
|
-
<div class="title">Red Hat / CentOS / Fedora systems</div>
|
384
|
-
<div class="content">
|
385
|
-
<pre><tt>sudo yum install ruby-devel</tt></pre>
|
386
|
-
</div></div>
|
387
|
-
<div class="listingblock">
|
388
|
-
<div class="title">NearlyFreeSpeech</div>
|
389
|
-
<div class="content">
|
390
|
-
<pre><tt>RB_USER_INSTALL=true gem install jekyll</tt></pre>
|
391
|
-
</div></div>
|
392
|
-
<div class="paragraph"><p>If you encounter errors like <tt>Failed to build gem native extension</tt> on Windows
|
393
|
-
you may need to install <a href="http://wiki.github.com/oneclick/rubyinstaller/development-kit">RubyInstaller
|
394
|
-
DevKit</a>.</p></div>
|
395
|
-
<h4 id="_latex_to_png">2.1.1. LaTeX to PNG</h4>
|
396
|
-
<div class="paragraph"><p>Maruku comes with optional support for LaTeX to PNG rendering via blahtex
|
397
|
-
(Version 0.6) which must be in your $PATH along with @dvips@.</p></div>
|
398
|
-
<div class="paragraph"><p>(NOTE: "remi’s fork of Maruku":http://github.com/remi/maruku/tree/master does
|
399
|
-
not assume a fixed location for @dvips@ if you need that fixed)</p></div>
|
400
|
-
<h4 id="_rdiscount">2.1.2. RDiscount</h4>
|
401
|
-
<div class="paragraph"><p>If you prefer to use
|
402
|
-
<a href="http://github.com/rtomayko/rdiscount/tree/master">RDiscount</a> instead of
|
403
|
-
<a href="http://maruku.rubyforge.org/">Maruku</a> for markdown, just make sure it’s
|
404
|
-
installed:</p></div>
|
405
|
-
<div class="listingblock">
|
406
|
-
<div class="content">
|
407
|
-
<pre><tt>sudo gem install rdiscount</tt></pre>
|
408
|
-
</div></div>
|
409
|
-
<div class="paragraph"><p>And run Jekyll with the following option:</p></div>
|
410
|
-
<div class="listingblock">
|
411
|
-
<div class="content">
|
412
|
-
<pre><tt>jekyll --rdiscount</tt></pre>
|
413
|
-
</div></div>
|
414
|
-
<div class="paragraph"><p>Or, in your @_config.yml@ file put the following so you don’t have to specify the flag:</p></div>
|
415
|
-
<div class="listingblock">
|
416
|
-
<div class="content">
|
417
|
-
<pre><tt>markdown: rdiscount</tt></pre>
|
418
|
-
</div></div>
|
419
|
-
<h4 id="_pygments">2.1.3. Pygments</h4>
|
420
|
-
<div class="paragraph"><p>If you want syntax highlighting via the @{% highlight %}@ tag in your posts,
|
421
|
-
you’ll need to install <a href="http://pygments.org/">Pygments</a>.</p></div>
|
422
|
-
<div class="listingblock">
|
423
|
-
<div class="title">On OSX with Homebrew</div>
|
424
|
-
<div class="content">
|
425
|
-
<pre><tt>brew install pip && pip install pygments</tt></pre>
|
426
|
-
</div></div>
|
427
|
-
<div class="listingblock">
|
428
|
-
<div class="title">On OSX with MacPorts</div>
|
429
|
-
<div class="content">
|
430
|
-
<pre><tt>sudo port install python25 py25-pygments</tt></pre>
|
431
|
-
</div></div>
|
432
|
-
<div class="listingblock">
|
433
|
-
<div class="title">Bare OS X Leopard</div>
|
434
|
-
<div class="content">
|
435
|
-
<pre><tt>sudo easy_install Pygments</tt></pre>
|
436
|
-
</div></div>
|
437
|
-
<div class="listingblock">
|
438
|
-
<div class="title">Archlinux</div>
|
439
|
-
<div class="content">
|
440
|
-
<pre><tt>sudo pacman -S python-pygments</tt></pre>
|
441
|
-
</div></div>
|
442
|
-
<div class="listingblock">
|
443
|
-
<div class="title">Archlinux python2 for Pygments</div>
|
444
|
-
<div class="content">
|
445
|
-
<pre><tt>$ sudo pacman -S python2-pygments</tt></pre>
|
446
|
-
</div></div>
|
447
|
-
<div class="admonitionblock">
|
448
|
-
<table><tr>
|
449
|
-
<td class="icon">
|
450
|
-
<div class="title">Note</div>
|
451
|
-
</td>
|
452
|
-
<td class="content">python2 pygments version creates a <tt>pygmentize2</tt> executable, while
|
453
|
-
Jekyll tries to find <tt>pygmentize</tt>. Either create a symlink <tt># ln -s
|
454
|
-
/usr/bin/pygmentize2 /usr/bin/pygmentize</tt> or use the python3 version.</td>
|
455
|
-
</tr></table>
|
456
|
-
</div>
|
457
|
-
<div class="listingblock">
|
458
|
-
<div class="title">Ubuntu and Debian</div>
|
459
|
-
<div class="content">
|
460
|
-
<pre><tt>sudo apt-get install python-pygments</tt></pre>
|
461
|
-
</div></div>
|
462
|
-
<div class="listingblock">
|
463
|
-
<div class="title">Gentoo</div>
|
464
|
-
<div class="content">
|
465
|
-
<pre><tt>$ sudo emerge -av dev-python/pygments</tt></pre>
|
466
|
-
</div></div>
|
467
|
-
<h3 id="_creating_your_first_site">2.2. Creating your First Site</h3><div style="clear:left"></div>
|
468
|
-
<div class="paragraph"><p>Jekyll comes with a handy generator that will create a barebones skeleton site
|
469
|
-
to help you get up and running in no time. Simply create an empty directory to
|
470
|
-
contain your site, navigate to it, and run the generator command:</p></div>
|
471
|
-
<div class="listingblock">
|
472
|
-
<div class="content">
|
473
|
-
<pre><tt>$ mkdir mysite
|
474
|
-
$ cd mysite
|
475
|
-
$ jekyll gen</tt></pre>
|
476
|
-
</div></div>
|
477
|
-
<div class="paragraph"><p>Make sure the directory is empty or Jekyll will refuse to run. If everything
|
478
|
-
was successful, you’ll be left with a complete, valid Jekyll site that’s ready
|
479
|
-
to be converted into a static site.</p></div>
|
480
|
-
<div class="paragraph"><p>To perform the conversion, make sure you’re in the root of your Jekyll site
|
481
|
-
directory and run:</p></div>
|
482
|
-
<div class="listingblock">
|
483
|
-
<div class="content">
|
484
|
-
<pre><tt>$ jekyll --server</tt></pre>
|
485
|
-
</div></div>
|
486
|
-
<div class="paragraph"><p>If all goes well, you should get a few lines with information about config
|
487
|
-
file detection, source and destination paths, and a success message.</p></div>
|
488
|
-
<div class="paragraph"><p>The <tt>--server</tt> command line option fires up a simple web server that will
|
489
|
-
serve the static site we just generated so that we can easily preview what it
|
490
|
-
will look like once we deploy it to a production environment.</p></div>
|
491
|
-
<div class="paragraph"><p>Open up your favorite web browser and navigate to:</p></div>
|
492
|
-
<div class="listingblock">
|
493
|
-
<div class="content">
|
494
|
-
<pre><tt>http://localhost:4000</tt></pre>
|
495
|
-
</div></div>
|
496
|
-
<div class="paragraph"><p>Congratulations! You have now successfully created and converted your first
|
497
|
-
Jekyll site!</p></div>
|
498
|
-
</div>
|
499
|
-
<h2 id="_chapter_2_directory_layout">3. Chapter 2: Directory Layout</h2>
|
500
|
-
<div class="sectionbody">
|
501
|
-
<div class="paragraph"><p>If you followed the Quick Start in the last chapter, you have a Jekyll site on
|
502
|
-
your local machine. Let’s take a closer look at it and see what makes it tick.
|
503
|
-
The file layout should look something like this:</p></div>
|
504
|
-
<div class="listingblock">
|
505
|
-
<div class="content">
|
506
|
-
<pre><tt>.
|
507
|
-
|-- _config.yml
|
508
|
-
|-- _layouts
|
509
|
-
| |-- default.html
|
510
|
-
| `-- post.html
|
511
|
-
|-- _posts
|
512
|
-
| |-- 2007-10-29-why-every-programmer-should-play-nethack.textile
|
513
|
-
| `-- 2009-04-26-barcamp-boston-4-roundup.textile
|
514
|
-
|-- _site
|
515
|
-
|-- images
|
516
|
-
| `-- logo.png
|
517
|
-
`-- index.html</tt></pre>
|
518
|
-
</div></div>
|
519
|
-
<div class="paragraph"><p>Notice that some of the files and directories begin with an underscore. These
|
520
|
-
have special meaning to Jekyll. The underscore ensures that they will not
|
521
|
-
interfere with the rest of your site’s normal content. It also means that if
|
522
|
-
any of your normal files start with an underscore, they will cause problems,
|
523
|
-
so try to avoid this.</p></div>
|
524
|
-
<h3 id="_config_yml">3.1. _config.yml</h3><div style="clear:left"></div>
|
525
|
-
<div class="paragraph"><p>This file stores configuration data. A majority of these options can be
|
526
|
-
specified from the command line executable but it’s easier to throw them in
|
527
|
-
here so you don’t have to type them out every time. Detailed explanations of
|
528
|
-
configuration directives can be found in Chapter X.</p></div>
|
529
|
-
<h3 id="_layouts">3.2. _layouts</h3><div style="clear:left"></div>
|
530
|
-
<div class="paragraph"><p>Files in this directory represent templates that can be used to wrap converted
|
531
|
-
pages. Layouts are defined on a page-by-page basis in the YAML front matter.
|
532
|
-
The liquid tag <tt>{{ content }}</tt> specifies where the content will be placed
|
533
|
-
during the conversion process.</p></div>
|
534
|
-
<h3 id="_posts">3.3. _posts</h3><div style="clear:left"></div>
|
535
|
-
<div class="paragraph"><p>If you’re using Jekyll as a blog engine, this is where you’ll place your blog
|
536
|
-
posts. A post’s filename contains several pieces of data, so you must be very
|
537
|
-
careful about how these files are named. The filename format is:
|
538
|
-
<tt>YEAR-MONTH-DATE-SLUG.MARKUP</tt>. The YEAR must be four numbers and the MONTH and
|
539
|
-
DATE must be two numbers each. The SLUG is what will appear in the URL. The
|
540
|
-
MARKUP tells Jekyll the format of the post. The date and slug will be used
|
541
|
-
along with any permalink options you specify (See Chapter X) to construct the
|
542
|
-
final URL of the post.</p></div>
|
543
|
-
<h3 id="_site">3.4. _site</h3><div style="clear:left"></div>
|
544
|
-
<div class="paragraph"><p>This is where the generated site will be placed (by default) once Jekyll is
|
545
|
-
done transforming it. If you’re using version control, you’ll want to add this
|
546
|
-
directory to the list of files to be ignored.</p></div>
|
547
|
-
<h3 id="_normal_files_with_yaml_front_matter">3.5. Normal Files with YAML Front Matter</h3><div style="clear:left"></div>
|
548
|
-
<div class="paragraph"><p>All files outside of the special underscore directories and that do not
|
549
|
-
themselves begin with an underscore will be scanned by Jekyll and subjected to
|
550
|
-
conversion if they contain any YAML front matter.</p></div>
|
551
|
-
<h3 id="_everything_else">3.6. Everything Else</h3><div style="clear:left"></div>
|
552
|
-
<div class="paragraph"><p>Any files and directories that do not fall into one of the above categories
|
553
|
-
will be copied to the static site as-is without modification. In this example,
|
554
|
-
<tt>images/logo.png</tt> will be copied to the same location in the generated site.</p></div>
|
555
|
-
<div class="paragraph"><p>h2. Running Jekyll</p></div>
|
556
|
-
<div class="paragraph"><p>Usually this is done through the @jekyll@ executable, which is installed with
|
557
|
-
the gem. In order to get a server up and running with your Jekyll site, run:</p></div>
|
558
|
-
<div class="paragraph"><p>@jekyll --server@</p></div>
|
559
|
-
<div class="paragraph"><p>and then browse to <a href="http://0.0.0.0:4000">http://0.0.0.0:4000</a>. There’s plenty of <a id="configuration options|Configuration"></a> available to you as well.</p></div>
|
560
|
-
<div class="paragraph"><p>On Debian or Ubuntu, you may need to add @/var/lib/gems/1.8/bin/@ to your path.</p></div>
|
561
|
-
<div class="paragraph"><p>h2. Deployment</p></div>
|
562
|
-
<div class="paragraph"><p>Since Jekyll simply generates a folder filled with HTML files, it can be
|
563
|
-
served using practically any available web server out there. Please check the
|
564
|
-
<a id="Deployment"></a> page for more information regarding specific scenarios.</p></div>
|
565
|
-
</div>
|
566
|
-
</div>
|
567
|
-
<div id="footnotes"><hr /></div>
|
568
|
-
<div id="footer">
|
569
|
-
<div id="footer-text">
|
570
|
-
Last updated 2011-03-18 21:05:02 PDT
|
571
|
-
</div>
|
572
|
-
</div>
|
573
|
-
</body>
|
574
|
-
</html>
|