78 lines
		
	
	
		
			3.0 KiB
		
	
	
	
		
			HTML
		
	
	
	
			
		
		
	
	
			78 lines
		
	
	
		
			3.0 KiB
		
	
	
	
		
			HTML
		
	
	
	
---
 | 
						|
layout: default
 | 
						|
title: Jekyll • Simple, blog-aware, static sites
 | 
						|
overview: true
 | 
						|
---
 | 
						|
 | 
						|
<section class="intro">
 | 
						|
  <div class="content">
 | 
						|
    <p class="first">Transform your plain text into static websites and blogs. <br />So easy, <strong>it’s scary</strong>.</p>
 | 
						|
  </div>
 | 
						|
</section>
 | 
						|
<section class="features">
 | 
						|
  <div class="content">
 | 
						|
    <div class="grid4 first">
 | 
						|
      <h2>Simple</h2>
 | 
						|
      <p>
 | 
						|
        No more databases, comment moderation, or pesky updates to install—just <em>your content</em>.
 | 
						|
      </p>
 | 
						|
      <a href="{% post_url 2012-07-01-usage %}" class="">How Jekyll works →</a>
 | 
						|
    </div>
 | 
						|
    <div class="grid4">
 | 
						|
      <h2>Static</h2>
 | 
						|
      <p><a href="http://daringfireball.net/projects/markdown/">Markdown</a> (or <a href="http://textile.sitemonks.com/">Textile</a>), <a href="http://liquidmarkup.org/">Liquid</a>, HTML <span class="amp">&</span> CSS go in. Static sites come out ready for deployment.</p>
 | 
						|
      <a href="{% post_url 2012-07-01-templates %}" class="">Jekyll template guide →</a>
 | 
						|
    </div>
 | 
						|
    <div class="grid4">
 | 
						|
      <h2>Blog-aware</h2>
 | 
						|
      <p>
 | 
						|
        Permalinks, categories, pages, posts, and custom layouts are all first-class citizens here.
 | 
						|
      </p>
 | 
						|
      <a href="{% post_url 2012-07-01-migrations %}" class="">Migrate your blog →</a>
 | 
						|
    </div>
 | 
						|
    <div class="clear"></div>
 | 
						|
  </div>
 | 
						|
</section>
 | 
						|
<section class="quickstart">
 | 
						|
  <div class="content">
 | 
						|
    <div class="grid5 first">
 | 
						|
      <h4>Get up and running <em>in seconds</em>.</h4>
 | 
						|
    </div>
 | 
						|
      <div class="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">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="content">
 | 
						|
    <img src="img/octojekyll.png" alt="Free Jekyll hosting on GitHub Pages">
 | 
						|
    <div class="pane">
 | 
						|
      <h2><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/" class="">Learn more about GitHub Pages →</a>
 | 
						|
      <div class="clear"></div>
 | 
						|
    </div>
 | 
						|
  </div>
 | 
						|
</section>
 |