index.html

---
layout: default
title: Jekyll • 简单的静态博客网站
overview: true
---

<section class="intro">
  <div class="grid">
    <div class="unit whole center-on-mobiles">
      <p class="first">将纯文本转化为静态博客网站</p>
    </div>
  </div>
</section>
<section class="features">
  <div class="grid">
    <div class="unit one-third">
      <h2>简单</h2>
      <p>
        不需要数据库，不需要评论功能，不需要不断的更新版本——只用关心<em>你的博客内容</em>
      </p>
      <a href="/docs/usage/" class="">使用 Jekyll &rarr;</a>
    </div>
    <div class="unit one-third">
      <h2>静态</h2>
      <p><a href="http://daringfireball.net/projects/markdown/">Markdown</a> (或 <a href="http://textile.sitemonks.com/">Textile</a>), <a href="http://wiki.shopify.com/Liquid">Liquid</a>, 和 HTML <span class="amp">&amp;</span> CSS 构建可发布的静态网站</p>
      <a href="/docs/templates/" class="">Jekyll 模版 &rarr;</a>
    </div>
    <div class="unit one-third">
      <h2>博客形态</h2>
      <p>
        支持自定义地址，博客分类，单页应用，博客为单位存储，以及自定义的布局设计
      </p>
      <a href="/docs/migrations/" class="">迁移你的博客 &rarr;</a>
    </div>
    <div class="clear"></div>
  </div>
</section>
<section class="quickstart">
  <div class="grid">
    <div class="unit golden-small center-on-mobiles">
      <h4><em>只需几行命令</em>，赶紧来体验吧</h4>
    </div>
    <div class="unit golden-large code">
      <p class="title">快速开始指令</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" alt="Free Jekyll hosting on GitHub Pages">
          <div class="pane-content">
            <h2 class="center-on-mobiles">使用 GitHub 的<strong>免费主机</strong></h2>
            <p>不想再与主机服务商打交道? <a href="http://pages.github.com/">GitHub Pages</a> 可以运行 <em>Jekyll</em>, 你很简单就可以完全免费的在 GitHub 上发布网站 &mdash; <a href="https://help.github.com/articles/setting-up-a-custom-domain-with-pages">自定义域名</a></p>
            <a href="http://pages.github.com/" class="">了解更多 GitHub Pages &rarr;</a>
          </div>
        </div>
        <div class="clear"></div>
      </div>
    </div>
  </div>
</section>