91 lines
3.4 KiB
HTML
91 lines
3.4 KiB
HTML
|
---
|
||
|
|
layout: default
|
||
|
|
title: Jekyll • Simple, blog-aware, static sites
|
||
|
|
overview: true
|
||
|
|
---
|
||
|
|
|
||
|
|
<section class="intro">
|
||
|
|
<div class="grid">
|
||
|
|
<div class="unit whole center-on-mobiles">
|
||
|
|
<p class="first">Transform your plain text into static websites and blogs.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section class="features">
|
||
|
|
<div class="grid">
|
||
|
|
<div class="unit one-third">
|
||
|
|
<h2>Simple</h2>
|
||
|
|
<p>
|
||
|
|
No more databases, comment moderation, or pesky updates to install—just <em>your content</em>.
|
||
|
|
</p>
|
||
|
|
<a href="/docs/usage/">How Jekyll works →</a>
|
||
|
|
</div>
|
||
|
|
<div class="unit one-third">
|
||
|
|
<h2>Static</h2>
|
||
|
|
<p><a href="http://daringfireball.net/projects/markdown/">Markdown</a> (or <a href="http://redcloth.org/textile">Textile</a>), <a href="https://github.com/Shopify/liquid/wiki">Liquid</a>, HTML <span class="amp">&</span> CSS go in. Static sites come out ready for deployment.</p>
|
||
|
|
<a href="/docs/templates/">Jekyll template guide →</a>
|
||
|
|
</div>
|
||
|
|
<div class="unit one-third">
|
||
|
|
<h2>Blog-aware</h2>
|
||
|
|
<p>
|
||
|
|
Permalinks, categories, pages, posts, and custom layouts are all first-class citizens here.
|
||
|
|
</p>
|
||
|
|
<a href="/docs/migrations/">Migrate your blog →</a>
|
||
|
|
</div>
|
||
|
|
<div class="clear"></div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section class="quickstart">
|
||
|
|
<div class="grid">
|
||
|
|
<div class="unit golden-small center-on-mobiles">
|
||
|
|
<h3>Get up and running <em>in seconds</em>.</h3>
|
||
|
|
</div>
|
||
|
|
<div class="unit golden-large code">
|
||
|
|
<p class="title">Quick-start Instructions</p>
|
||
|
|
<div class="shell">
|
||
|
|
<p class="line">
|
||
|
|
<span class="path">~</span>
|
||
|
|
<span class="prompt">$</span>
|
||
|
|
<span class="command">gem install jekyll</span>
|
||
|
|
</p>
|
||
|
|
<p class="line">
|
||
|
|
<span class="path">~</span>
|
||
|
|
<span class="prompt">$</span>
|
||
|
|
<span class="command">jekyll new my-awesome-site</span>
|
||
|
|
</p>
|
||
|
|
<p class="line">
|
||
|
|
<span class="path">~</span>
|
||
|
|
<span class="prompt">$</span>
|
||
|
|
<span class="command">cd my-awesome-site</span>
|
||
|
|
</p>
|
||
|
|
<p class="line">
|
||
|
|
<span class="path">~/my-awesome-site</span>
|
||
|
|
<span class="prompt">$</span>
|
||
|
|
<span class="command">jekyll serve</span>
|
||
|
|
</p>
|
||
|
|
<p class="line">
|
||
|
|
<span class="output"># => Now browse to http://localhost:4000</span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="clear"></div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section class="free-hosting">
|
||
|
|
<div class="grid">
|
||
|
|
<div class="unit whole">
|
||
|
|
<div class="grid pane">
|
||
|
|
<div class="unit whole center-on-mobiles">
|
||
|
|
<img src="img/octojekyll.png" width="300" height="251" alt="Free Jekyll hosting on GitHub Pages">
|
||
|
|
<div class="pane-content">
|
||
|
|
<h2 class="center-on-mobiles"><strong>Free hosting</strong> with GitHub Pages</h2>
|
||
|
|
<p>Sick of dealing with hosting companies? <a href="http://pages.github.com/">GitHub Pages</a> are <em>powered by Jekyll</em>, so you can easily deploy your site using GitHub for free—<a href="https://help.github.com/articles/setting-up-a-custom-domain-with-pages">custom domain name</a> and all.</p>
|
||
|
|
<a href="http://pages.github.com/">Learn more about GitHub Pages →</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="clear"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|