site/docs/index.html in jekyll-docs-3.9.0 vs site/docs/index.html in jekyll-docs-4.0.0

- old
+ new

@@ -1,11 +1,632 @@ -<!DOCTYPE html> +<!DOCTYPE HTML> <html lang="en-US"> - <meta charset="utf-8"> - <title>Redirecting&hellip;</title> - <link rel="canonical" href="https://jekyllrb.com/docs/home/"> - <script>location="https://jekyllrb.com/docs/home/"</script> - <meta http-equiv="refresh" content="0; url=https://jekyllrb.com/docs/home/"> - <meta name="robots" content="noindex"> - <h1>Redirecting&hellip;</h1> - <a href="https://jekyllrb.com/docs/home/">Click here if you are not redirected.</a> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width,initial-scale=1"> + <meta name="generator" content="Jekyll v4.0.0"> + <link type="application/atom+xml" rel="alternate" href="https://jekyllrb.com/feed.xml" title="Jekyll • Simple, blog-aware, static sites" /> + <link type="application/atom+xml" rel="alternate" href="/feed/release.xml" title="Jekyll releases posts" /> + <link rel="alternate" type="application/atom+xml" title="Recent commits to Jekyll’s master branch" href="https://github.com/jekyll/jekyll/commits/master.atom"> + <link rel="preload" href="/fonts/lato-v14-latin-300.woff2" as="font" type="font/woff2" crossorigin /> + <link rel="preload" href="/fonts/lato-v14-latin-700.woff2" as="font" type="font/woff2" crossorigin /> + <link rel="preload" href="/css/screen.css" as="style"> + <link rel="stylesheet" href="/css/screen.css"> + <link rel="icon" type="image/x-icon" href="/favicon.ico"> + <!-- Begin Jekyll SEO tag v2.6.1 --> +<title>Quickstart | Jekyll • Simple, blog-aware, static sites</title> +<meta name="generator" content="Jekyll v4.0.0" /> +<meta property="og:title" content="Quickstart" /> +<meta property="og:locale" content="en_US" /> +<meta name="description" content="Jekyll is a simple, extendable, static site generator. You give it text written in your favorite markup language and it churns through layouts to create a static website. Throughout that process you can tweak how you want the site URLs to look, what data gets displayed in the layout, and more." /> +<meta property="og:description" content="Jekyll is a simple, extendable, static site generator. You give it text written in your favorite markup language and it churns through layouts to create a static website. Throughout that process you can tweak how you want the site URLs to look, what data gets displayed in the layout, and more." /> +<link rel="canonical" href="https://jekyllrb.com/docs/" /> +<meta property="og:url" content="https://jekyllrb.com/docs/" /> +<meta property="og:site_name" content="Jekyll • Simple, blog-aware, static sites" /> +<meta property="og:image" content="https://jekyllrb.com/img/jekyll-og.png" /> +<meta property="og:type" content="article" /> +<meta property="article:published_time" content="2019-09-11T07:30:27-07:00" /> +<meta name="twitter:card" content="summary_large_image" /> +<meta property="twitter:image" content="https://jekyllrb.com/img/jekyll-og.png" /> +<meta property="twitter:title" content="Quickstart" /> +<meta name="twitter:site" content="@jekyllrb" /> +<meta name="google-site-verification" content="onQcXpAvtHBrUI5LlroHNE_FP0b2qvFyPq7VZw36iEY" /> +<script type="application/ld+json"> +{"description":"Jekyll is a simple, extendable, static site generator. You give it text written in your favorite markup language and it churns through layouts to create a static website. Throughout that process you can tweak how you want the site URLs to look, what data gets displayed in the layout, and more.","@type":"BlogPosting","mainEntityOfPage":{"@type":"WebPage","@id":"https://jekyllrb.com/docs/"},"headline":"Quickstart","dateModified":"2019-09-11T07:30:27-07:00","url":"https://jekyllrb.com/docs/","datePublished":"2019-09-11T07:30:27-07:00","image":"https://jekyllrb.com/img/jekyll-og.png","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://jekyllrb.com/img/logo-2x.png"}},"@context":"https://schema.org"}</script> +<!-- End Jekyll SEO tag --> + + <!--[if lt IE 9]> + <script src="/js/html5shiv.min.js"></script> + <script src="/js/respond.min.js"></script> + <![endif]--> +</head> + + +<body class="wrap"> + <header> + <div class="flexbox"> + <div class="center-on-mobiles"> + <h1> + <a href="/" class="logo"> + <span class="sr-only">Jekyll</span> + <img src="/img/logo-2x.png" width="140" height="65" alt="Jekyll Logo"> + </a> + </h1> + </div> + <nav class="main-nav hide-on-mobiles"> + <ul> + + <li> + <a href="/">Home</a> + </li> + + <li class="current"> + <a href="/docs/">Docs</a> + </li> + + <li> + <a href="/resources/">Resources</a> + </li> + + <li> + <a href="/showcase/">Showcase</a> + </li> + + <li> + <a href="/news/">News</a> + </li> + +</ul> + + </nav> + <div class="search hide-on-mobiles"> + <input type="text" id="docsearch-input" placeholder="Search the docs…"> + + </div> + <div class="meta hide-on-mobiles"> + <ul> + <li> + <a href="https://github.com/jekyll/jekyll/releases/tag/v4.0.0">v4.0.0</a> + </li> + <li> + <a href="https://github.com/jekyll/jekyll">GitHub</a> + </li> + </ul> + </div> + </div> + <nav class="mobile-nav show-on-mobiles"> + <ul> + + <li> + <a href="/">Home</a> + </li> + + <li class="current"> + <a href="/docs/">Docs</a> + </li> + + <li> + <a href="/resources/">Resources</a> + </li> + + + <li> + <a href="/news/">News</a> + </li> + + <li> + <a href="https://github.com/jekyll/jekyll">GitHub</a> + </li> +</ul> + + </nav> +</header> + + + <section class="docs"> + <div class="grid"> + + <div class="docs-nav-mobile unit whole show-on-mobiles"> + <select onchange="if (this.value) window.location.href=this.value"> + <option value="">Navigate the docs…</option> + + <optgroup label="Getting Started"> + + + <option value="/docs/"> + Quickstart + </option> + + + <option value="/docs/ruby-101/"> + Ruby 101 + </option> + + + <option value="/docs/installation/"> + Installation + </option> + + + <option value="/docs/community/"> + Community + </option> + + + <option value="/docs/step-by-step/01-setup/"> + Step by Step Tutorial + </option> + + </optgroup> + + <optgroup label="Build"> + + + <option value="/docs/usage/"> + Command Line Usage + </option> + + + <option value="/docs/configuration/"> + Configuration + </option> + + </optgroup> + + <optgroup label="Content"> + + + <option value="/docs/pages/"> + Pages + </option> + + + <option value="/docs/posts/"> + Posts + </option> + + + <option value="/docs/front-matter/"> + Front Matter + </option> + + + <option value="/docs/collections/"> + Collections + </option> + + + <option value="/docs/datafiles/"> + Data Files + </option> + + + <option value="/docs/assets/"> + Assets + </option> + + + <option value="/docs/static-files/"> + Static Files + </option> + + </optgroup> + + <optgroup label="Site Structure"> + + + <option value="/docs/structure/"> + Directory Structure + </option> + + + <option value="/docs/liquid/"> + Liquid + </option> + + + <option value="/docs/variables/"> + Variables + </option> + + + <option value="/docs/includes/"> + Includes + </option> + + + <option value="/docs/layouts/"> + Layouts + </option> + + + <option value="/docs/permalinks/"> + Permalinks + </option> + + + <option value="/docs/themes/"> + Themes + </option> + + + <option value="/docs/pagination/"> + Pagination + </option> + + </optgroup> + + <optgroup label="Guides"> + + + <option value="/docs/plugins/"> + Plugins + </option> + + + <option value="/docs/migrations/"> + Blog Migrations + </option> + + + <option value="/docs/upgrading/"> + Upgrading + </option> + + + <option value="/docs/deployment/"> + Deployment + </option> + + </optgroup> + + </select> +</div> + + + <div class="unit four-fifths"> + <article> + <div class="improve right hide-on-mobiles"> + <a data-proofer-ignore href="https://github.com/jekyll/jekyll/edit/master/docs/_docs/index.md"><i class="fa fa-pencil"></i> &nbsp;Improve this page</a> + </div> + <h1>Quickstart</h1> + <p>Jekyll is a simple, extendable, static site generator. You give it text written +in your favorite markup language and it churns through layouts to create a +static website. Throughout that process you can tweak how you want the site URLs +to look, what data gets displayed in the layout, and more.</p> + +<h2 id="instructions">Instructions</h2> + +<ol> + <li>Install a full <a href="/docs/installation/">Ruby development environment</a></li> + <li>Install Jekyll and <a href="/docs/ruby-101/#bundler">bundler</a> <a href="/docs/ruby-101/#gems">gems</a> + <div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>gem install jekyll bundler +</code></pre></div> </div> + </li> + <li>Create a new Jekyll site at <code class="highlighter-rouge">./myblog</code> + <div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>jekyll new myblog +</code></pre></div> </div> + </li> + <li>Change into your new directory + <div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>cd myblog +</code></pre></div> </div> + </li> + <li>Build the site and make it available on a local server + <div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>bundle exec jekyll serve +</code></pre></div> </div> + </li> + <li>Now browse to <a href="http://localhost:4000" target="_blank">http://localhost:4000</a></li> +</ol> + +<p>If you encounter any unexpected errors during the above, please refer to the +<a href="/docs/troubleshooting/#configuration-problems">troubleshooting</a> page or the +already-mentioned <a href="/docs/installation/#requirements">requirements</a> page, as +you might be missing development headers or other prerequisites.</p> + + </article> + </div> + + <div class="unit one-fifth hide-on-mobiles"> + <aside> + + <h4>Getting Started</h4> + <ul> + + + <li class="current"> + <a href="/docs/"> + Quickstart + </a> + </li> + + + <li> + <a href="/docs/ruby-101/"> + Ruby 101 + </a> + </li> + + + <li> + <a href="/docs/installation/"> + Installation + </a> + </li> + + + <li> + <a href="/docs/community/"> + Community + </a> + </li> + + + <li> + <a href="/docs/step-by-step/01-setup/"> + Step by Step Tutorial + </a> + </li> + + </ul> + + <h4>Build</h4> + <ul> + + + <li> + <a href="/docs/usage/"> + Command Line Usage + </a> + </li> + + + <li> + <a href="/docs/configuration/"> + Configuration + </a> + </li> + + </ul> + + <h4>Content</h4> + <ul> + + + <li> + <a href="/docs/pages/"> + Pages + </a> + </li> + + + <li> + <a href="/docs/posts/"> + Posts + </a> + </li> + + + <li> + <a href="/docs/front-matter/"> + Front Matter + </a> + </li> + + + <li> + <a href="/docs/collections/"> + Collections + </a> + </li> + + + <li> + <a href="/docs/datafiles/"> + Data Files + </a> + </li> + + + <li> + <a href="/docs/assets/"> + Assets + </a> + </li> + + + <li> + <a href="/docs/static-files/"> + Static Files + </a> + </li> + + </ul> + + <h4>Site Structure</h4> + <ul> + + + <li> + <a href="/docs/structure/"> + Directory Structure + </a> + </li> + + + <li> + <a href="/docs/liquid/"> + Liquid + </a> + </li> + + + <li> + <a href="/docs/variables/"> + Variables + </a> + </li> + + + <li> + <a href="/docs/includes/"> + Includes + </a> + </li> + + + <li> + <a href="/docs/layouts/"> + Layouts + </a> + </li> + + + <li> + <a href="/docs/permalinks/"> + Permalinks + </a> + </li> + + + <li> + <a href="/docs/themes/"> + Themes + </a> + </li> + + + <li> + <a href="/docs/pagination/"> + Pagination + </a> + </li> + + </ul> + + <h4>Guides</h4> + <ul> + + + <li> + <a href="/docs/plugins/"> + Plugins + </a> + </li> + + + <li> + <a href="/docs/migrations/"> + Blog Migrations + </a> + </li> + + + <li> + <a href="/docs/upgrading/"> + Upgrading + </a> + </li> + + + <li> + <a href="/docs/deployment/"> + Deployment + </a> + </li> + + </ul> + + </aside> +</div> + + + <div class="clear"></div> + + </div> + </section> + + + <footer> + <div class="grid"> + <div class="unit one-third center-on-mobiles"> + <p>Jekyll is lovingly maintained by the <a href="/team/">core team</a> of volunteers. </p> + <p>The contents of this website are <br />&copy;&nbsp;2019 under the terms of the <a href="https://github.com/jekyll/jekyll/blob/master/LICENSE">MIT&nbsp;License</a>.</p> + </div> + <div class="unit two-thirds align-right center-on-mobiles"> + <p> + Proudly hosted by + <a href="https://github.com"> + <img src="/img/footer-logo.png" width="100" height="30" alt="GitHub • Social coding"> + </a> + </p> + </div> + <div class="unit two-thirds align-right center-on-mobiles"> + <p> + Jekyll is funded thanks to its + <a href="https://github.com/jekyll/jekyll#sponsors"> + sponsors! + </a> + </p> + </div> + </div> +</footer> + + <script> + var anchorForId = function (id) { + var anchor = document.createElement("a"); + anchor.className = "header-link"; + anchor.href = "#" + id; + anchor.innerHTML = "<span class=\"sr-only\">Permalink</span><i class=\"fa fa-link\"></i>"; + anchor.title = "Permalink"; + return anchor; + }; + + var linkifyAnchors = function (level, containingElement) { + var headers = containingElement.getElementsByTagName("h" + level); + for (var h = 0; h < headers.length; h++) { + var header = headers[h]; + + if (typeof header.id !== "undefined" && header.id !== "") { + header.appendChild(anchorForId(header.id)); + } + } + }; + + document.onreadystatechange = function () { + if (this.readyState === "complete") { + var contentBlock = document.getElementsByClassName("docs")[0] || document.getElementsByClassName("news")[0]; + if (!contentBlock) { + return; + } + for (var level = 1; level <= 6; level++) { + linkifyAnchors(level, contentBlock); + } + } + }; +</script> + + + <!-- Google Analytics (https://www.google.com/analytics) --> + <script> + !function(j,e,k,y,l,L){j.GoogleAnalyticsObject=y,j[y]||(j[y]=function(){ + (j[y].q=j[y].q||[]).push(arguments)}),j[y].l=+new Date,l=e.createElement(k), + L=e.getElementsByTagName(k)[0],l.src='https://www.google-analytics.com/analytics.js', + L.parentNode.insertBefore(l,L)}(window,document,'script','ga'); + + ga('create', 'UA-50755011-1', 'jekyllrb.com'); + ga('send', 'pageview'); + + </script> + + + <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script> +<script type="text/javascript"> docsearch({ +apiKey: '50fe39c839958dfad797000f33e2ec17', +indexName: 'jekyllrb', +inputSelector: '#docsearch-input', +enhancedSearchInput: true, +debug: false // Set debug to true if you want to inspect the dropdown +}); +</script> + +</body> </html>