--- 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/" class="">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://textile.sitemonks.com/">Textile</a>), <a href="http://wiki.shopify.com/Liquid">Liquid</a>, HTML <span class="amp">&</span> CSS go in. Static sites come out ready for deployment.</p> <a href="/docs/templates/" class="">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/" class="">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"> <h4>Get up and running <em>in seconds</em>.</h4> </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" 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/" class="">Learn more about GitHub Pages →</a> </div> </div> <div class="clear"></div> </div> </div> </div> </section>