1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width,initial-scale=1"> 6 <link type="application/atom+xml" rel="alternate" href="https://jekyllrb.com/feed.xml" title="Jekyll ⢠Simple, blog-aware, static sites" /> 7 <link type="application/atom+xml" rel="alternate" href="/feed/release.xml" title="Jekyll releases posts" /> 8 <link rel="alternate" type="application/atom+xml" title="Recent commits to Jekyllâs master branch" href="https://github.com/jekyll/jekyll/commits/master.atom"> 9 <link rel="preload" href="/fonts/lato-v14-latin-300.woff2" as="font" type="font/woff2" crossorigin /> 10 <link rel="preload" href="/fonts/lato-v14-latin-700.woff2" as="font" type="font/woff2" crossorigin /> 11 <link rel="preload" href="/css/screen.css" as="style"> 12 <link rel="stylesheet" href="/css/screen.css"> 13 <link rel="icon" type="image/x-icon" href="/favicon.ico"> 14 <!-- Begin Jekyll SEO tag v2.9.0 --> 15<title>Jekyll ⢠Simple, blog-aware, static sites | Transform your plain text into static websites and blogs</title> 16<meta name="generator" content="Jekyll v4.4.1" /> 17<meta property="og:title" content="Jekyll ⢠Simple, blog-aware, static sites" /> 18<meta property="og:locale" content="en_US" /> 19<meta name="description" content="Transform your plain text into static websites and blogs" /> 20<meta name="twitter:description" property="og:description" content="Transform your plain text into static websites and blogs" /> 21<link rel="canonical" href="https://jekyllrb.com/" /> 22<meta property="og:url" content="https://jekyllrb.com/" /> 23<meta property="og:site_name" content="Jekyll ⢠Simple, blog-aware, static sites" /> 24<meta property="og:image" content="https://jekyllrb.com/img/jekyll-og.png" /> 25<meta property="og:type" content="website" /> 26<meta name="twitter:card" content="summary_large_image" /> 27<meta name="twitter:image" content="https://jekyllrb.com/img/jekyll-og.png" /> 28<meta name="twitter:title" content="Jekyll ⢠Simple, blog-aware, static sites" /> 29<meta name="twitter:site" content="@jekyllrb" /> 30<meta name="google-site-verification" content="onQcXpAvtHBrUI5LlroHNE_FP0b2qvFyPq7VZw36iEY" />
31<script type="application/ld+json"> 32{"@context":"https://schema.org","@type":"WebSite","description":"Transform your plain text into static websites and blogs","headline":"Jekyll ⢠Simple, blog-aware, static sites","image":"https://jekyllrb.com/img/jekyll-og.png","name":"Jekyll ⢠Simple, blog-aware, static sites","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://jekyllrb.com/img/logo-2x.png"}},"url":"https://jekyllrb.com/"}</script>
32 33<!-- End Jekyll SEO tag --> 34 35 <!--[if lt IE 9]> 36
36<script src="/js/html5shiv.min.js"></script>
36 37
37<script src="/js/respond.min.js"></script>
37 38 <![endif]--> 39</head> 40<body class="wrap"><header> 41 <div class="flexbox"> 42 <div class="center-on-mobiles"> 43 <h1> 44 <a href="/" class="logo"> 45 <span class="sr-only">Jekyll</span> 46 <img src="/img/logo-2x.png" width="140" height="65" alt="Jekyll Logo"> 47 </a> 48 </h1> 49 </div> 50 <nav class="main-nav hide-on-mobiles"> 51 <ul> 52 <li class="current"><a href="/">Home</a></li> 53 <li><a href="/docs/">Docs</a></li> 54 <li><a href="/resources/">Resources</a></li> 55 <li><a href="/showcase/">Showcase</a></li> 56 <li><a href="/news/">News</a></li> 57 </ul> 58</nav> 59 <div class="search hide-on-mobiles"> 60 <input type="text" id="docsearch-input" placeholder="Search the docsâ¦" aria-label="Search"></div> 61 <div class="meta hide-on-mobiles"> 62 <ul> 63 <li><a href="https://github.com/jekyll/jekyll/releases/tag/v4.4.1">v4.4.1</a></li> 64 <li><a href="https://github.com/jekyll/jekyll">GitHub</a></li> 65 </ul> 66 </div> 67 </div> 68 <nav class="mobile-nav show-on-mobiles"> 69 <ul> 70 <li class="current" aria-current="page" ><a href="/">Home</a></li> 71 <li><a href="/docs/">Docs</a></li> 72 <li><a href="/resources/">Resources</a></li> 73 <li><a href="/news/">News</a></li> 74 <li><a href="https://github.com/jekyll/jekyll" target="_blank" rel="noopener">GitHub</a></li> 75</ul></nav> 76</header> 77<section class="intro"> 78 <div class="grid"> 79 <div class="unit whole center-on-mobiles"> 80 <p class="first">Transform your plain text into static websites and blogs.</p> 81 </div> 82 </div> 83</section> 84<section class="features center-on-mobiles"> 85 <div class="grid"> 86 <div class="unit one-third"> 87 <h2>Simple</h2> 88 <p> 89 No more databases, comment moderation, or pesky updates to installâjust <em>your content</em>. 90 </p> 91 <a href="/docs/usage/">How Jekyll works →</a> 92 </div> 93 <div class="unit one-third"> 94 <h2>Static</h2> 95 <p><a href="https://daringfireball.net/projects/markdown/">Markdown</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> 96 <a href="/docs/templates/">Jekyll template guide →</a> 97 </div> 98 <div class="unit one-third"> 99 <h2>Blog-aware</h2> 100 <p> 101 Permalinks, categories, pages, posts, and custom layouts are all first-class citizens here. 102 </p> 103 <a href="https://import.jekyllrb.com">Migrate your blog →</a> 104 </div> 105 <div class="clear"></div> 106 </div> 107</section> 108<section class="quickstart"> 109 <div class="grid"> 110 <div class="unit golden-small center-on-mobiles"> 111 <h3>Get up and running <em>in seconds</em>.</h3> 112 </div> 113 <div class="unit golden-large code"> 114 <p class="title">Quick-start Instructions</p> 115 <div class="shell"> 116 <p class="line"> 117 <span class="path">~</span> 118 <span class="prompt">$</span> 119 <span class="command">gem install bundler jekyll</span> 120 </p> 121 <p class="line"> 122 <span class="path">~</span> 123 <span class="prompt">$</span> 124 <span class="command">jekyll new my-awesome-site</span> 125 </p> 126 <p class="line"> 127 <span class="path">~</span> 128 <span class="prompt">$</span> 129 <span class="command">cd my-awesome-site</span> 130 </p> 131 <p class="line"> 132 <span class="path">~/my-awesome-site</span> 133 <span class="prompt">$</span> 134 <span class="command">bundle exec jekyll serve</span> 135 </p> 136 <p class="line"> 137 <span class="output"># => Now browse to http://localhost:4000</span> 138 </p> 139 </div> 140 </div> 141 <div class="clear"></div> 142 </div> 143</section> 144<section class="free-hosting"> 145 <div class="grid"> 146 <div class="unit whole"> 147 <div class="grid pane"> 148 <div class="unit whole center-on-mobiles"> 149 <img src="/img/octojekyll.png" width="300" height="251" alt="Free Jekyll hosting on GitHub Pages"> 150 <div class="pane-content"> 151 <h2 class="center-on-mobiles"><strong>Free hosting</strong> with GitHub Pages</h2> 152 <p>Sick of dealing with hosting companies? <a href="https://pages.github.com/">GitHub Pages</a> is <em>powered by Jekyll</em>, so you can easily deploy your site using GitHub for free—<a href="https://help.github.com/articles/about-supported-custom-domains/">custom domain name</a> and all.</p> 153 <a href="https://pages.github.com/">Learn more about GitHub Pages →</a> 154 </div> 155 </div> 156 <div class="clear"></div> 157 </div> 158 </div> 159 </div> 160</section> 161<footer> 162 <div class="grid"> 163 <div class="unit two-thirds center-on-mobiles"> 164 <p>Jekyll is lovingly maintained by the <a href="/team/">core team</a> of volunteers. </p> 165 <p>The contents of this website are <br />© 2026 under the terms of the <a href="https://github.com/jekyll/jekyll/blob/master/LICENSE">MIT License</a>.</p> 166 </div> 167 <div class="unit one-third align-right center-on-mobiles"> 168 <p> 169 Proudly hosted by 170 <a href="https://github.com"> 171 <img src="/img/footer-logo.png" width="100" height="30" alt="GitHub ⢠Social coding"> 172 </a> 173 </p> 174 <p> 175 Jekyll is funded thanks to its <a href="https://github.com/jekyll/jekyll#sponsors">sponsors!</a> 176 </p> 177 </div> 178 </div> 179</footer>
180<script> 181/* Creates an anchor element with the given ID and link for the permalink*/ 182const anchorForId = (id) => { 183 const anchor = document.createElement("a"); 184 anchor.className = "header-link"; 185 anchor.href = `#${id}`; 186 anchor.innerHTML = `<span class="sr-only">Permalink</span><i class="fa fa-link" aria-hidden="true"></i>`; 187 anchor.title = "Permalink"; 188 return anchor; 189}; 190 191/* Finds all headers of the specified level within the given element, and adds a permalink to each header*/ 192const linkifyAnchors = (level, containingElement) => { 193 const headers = Array.from(containingElement.getElementsByTagName(`h${level}`)); 194 headers.forEach((header) => { 195 if (header.id) { 196 header.appendChild(anchorForId(header.id)); 197 } 198 }); 199}; 200 201/* Executes the function when the document is ready */ 202document.onreadystatechange = () => { 203 if (document.readyState === "complete") { 204 const contentBlock = document.getElementsByClassName("docs")[0] 205 ?? document.getElementsByClassName("news")[0]; 206 if (!contentBlock) { return; } 207 for (let level = 1; level <= 6; level++) { 208 linkifyAnchors(level, contentBlock); 209 } 210 } 211}; 212</script>
212 213<!-- Google Analytics (https://www.google.com/analytics) --> 214
214<script> 215 !function(j,e,k,y,l,L){j.GoogleAnalyticsObject=y,j[y]||(j[y]=function(){ 216 (j[y].q=j[y].q||[]).push(arguments)}),j[y].l=+new Date,l=e.createElement(k), 217 L=e.getElementsByTagName(k)[0],l.src='https://www.google-analytics.com/analytics.js', 218 L.parentNode.insertBefore(l,L)}(window,document,'script','ga'); 219 220 ga('create', 'UA-50755011-1', 'jekyllrb.com'); 221 ga('send', 'pageview'); 222 </script>
vendor: 1 bytes, line 222
222
223<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
vendor: 1 bytes, line 223
223
224<script> docsearch({ 225apiKey: '50fe39c839958dfad797000f33e2ec17', 226indexName: 'jekyllrb', 227inputSelector: '#docsearch-input', 228enhancedSearchInput: true, 229debug: false // Set debug to true if you want to inspect the dropdown 230}); 231</script>
vendor: 1 bytes, line 231
231
232<script> 233 const navigateToUrl = (select) => { 234 const url = select.value; 235 url && (window.location.href = url); 236 }; 237 </script>
237 238</body> 239</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.