jekyll-docs 3.8.1 → 3.9.0

data/site/philosophy.html

@@ -13,7 +13,7 @@ action, the outcome should be easily understandable and focused.</p>
 <h3 id="2-it-just-works">2. It “Just Works”</h3>
 
 <p>The out-of-the-box experience should be that it “just works.” Run
-<code class="highlighter-rouge">gem install jekyll</code> and it should build any Jekyll site that it’s given.
+<code class="language-plaintext highlighter-rouge">gem install jekyll</code> and it should build any Jekyll site that it’s given.
 Features like auto-regeneration and settings like the markdown renderer
 should represent sane defaults that work perfectly for the vast majority of
 cases. The burden of initial configuration should not be placed on the user.</p>

data/site/sitemap.xml

@@ -2,203 +2,203 @@
 <urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
 <url>
 <loc>https://jekyllrb.com/docs/assets/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/code_of_conduct/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/collections/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/conduct/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/configuration/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/continuous-integration/buddyworks/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/continuous-integration/circleci/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/continuous-integration/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/continuous-integration/travis-ci/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/contributing/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/datafiles/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/deployment-methods/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/drafts/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/extras/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/frontmatter/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/github-pages/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/history/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/includes/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/home/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/installation/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/maintaining/affinity-team-captain/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/maintaining/avoiding-burnout/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/maintaining/becoming-a-maintainer/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/maintaining/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/maintaining/merging-a-pull-request/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/maintaining/releasing-a-new-version/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/maintaining/reviewing-a-pull-request/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/maintaining/special-labels/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/maintaining/triaging-an-issue/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/migrations/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/pages/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/pagination/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/permalinks/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/plugins/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/posts/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/quickstart/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/resources/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/sites/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/static-files/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/structure/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/support/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/templates/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/themes/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/troubleshooting/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/upgrading/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/upgrading/0-to-2/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/upgrading/2-to-3/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/usage/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/variables/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/docs/windows/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/news/2013/05/05/jekyll-1-0-0-released/</loc>
@@ -481,41 +481,53 @@
 <lastmod>2018-05-01T09:56:01-07:00</lastmod>
 </url>
 <url>
+<loc>https://jekyllrb.com/news/2018/05/19/jekyll-3-8-2-released/</loc>
+<lastmod>2018-05-19T08:30:00-07:00</lastmod>
+</url>
+<url>
+<loc>https://jekyllrb.com/news/2018/06/05/jekyll-3-8-3-released/</loc>
+<lastmod>2018-06-05T07:00:00-07:00</lastmod>
+</url>
+<url>
+<loc>https://jekyllrb.com/news/2019/07/02/jekyll-3-8-6-released/</loc>
+<lastmod>2019-07-02T08:21:02-07:00</lastmod>
+</url>
+<url>
 <loc>https://jekyllrb.com/tutorials/convert-site-to-jekyll/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/tutorials/custom-404-page/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/tutorials/home/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/tutorials/navigation/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/tutorials/orderofinterpretation/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/tutorials/using-jekyll-with-bundler/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
 <loc>https://jekyllrb.com/tutorials/video-walkthroughs/</loc>
-<lastmod>2018-05-01T13:18:24-07:00</lastmod>
+<lastmod>2020-08-05T11:55:36-07:00</lastmod>
 </url>
 <url>
-<loc>https://jekyllrb.com/</loc>
+<loc>https://jekyllrb.com/news/</loc>
 </url>
 <url>
-<loc>https://jekyllrb.com/news/releases/</loc>
+<loc>https://jekyllrb.com/</loc>
 </url>
 <url>
-<loc>https://jekyllrb.com/news/</loc>
+<loc>https://jekyllrb.com/news/releases/</loc>
 </url>
 <url>
 <loc>https://jekyllrb.com/jekyllconf/</loc>

data/site/team/index.html

@@ -1,32 +1,32 @@
 <!DOCTYPE HTML>
 <html lang="en-US">
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width,initial-scale=1">
-  <meta name="generator" content="Jekyll v3.8.1">
-  <link type="application/atom+xml" rel="alternate" href="https://jekyllrb.com/feed.xml" title="Jekyll • Simple, blog-aware, static sites">
+  <meta name="generator" content="Jekyll v3.9.0">
+  <link type="application/atom+xml" rel="alternate" href="https://jekyllrb.com/feed.xml" title="Jekyll • Simple, blog-aware, static sites" />
   <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="preconnect" href="https://fonts.gstatic.com/" crossorigin>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic,900">
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
   <link rel="stylesheet" href="/css/screen.css">
   <link rel="icon" type="image/x-icon" href="/favicon.ico">
-  <!-- Begin Jekyll SEO tag v2.4.0 -->
+  <!-- Begin Jekyll SEO tag v2.6.1 -->
 <title>The Jekyll Team | Jekyll • Simple, blog-aware, static sites</title>
-<meta name="generator" content="Jekyll v3.8.1">
-<meta property="og:title" content="The Jekyll Team">
-<meta property="og:locale" content="en_US">
-<meta name="description" content="Transform your plain text into static websites and blogs">
-<meta property="og:description" content="Transform your plain text into static websites and blogs">
-<link rel="canonical" href="https://jekyllrb.com/team/">
-<meta property="og:url" content="https://jekyllrb.com/team/">
-<meta property="og:site_name" content="Jekyll • Simple, blog-aware, static sites">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:site" content="@jekyllrb">
-<meta name="google-site-verification" content="onQcXpAvtHBrUI5LlroHNE_FP0b2qvFyPq7VZw36iEY">
+<meta name="generator" content="Jekyll v3.9.0" />
+<meta property="og:title" content="The Jekyll Team" />
+<meta property="og:locale" content="en_US" />
+<meta name="description" content="Transform your plain text into static websites and blogs" />
+<meta property="og:description" content="Transform your plain text into static websites and blogs" />
+<link rel="canonical" href="https://jekyllrb.com/team/" />
+<meta property="og:url" content="https://jekyllrb.com/team/" />
+<meta property="og:site_name" content="Jekyll • Simple, blog-aware, static sites" />
+<meta name="twitter:card" content="summary" />
+<meta property="twitter:title" content="The Jekyll Team" />
+<meta name="twitter:site" content="@jekyllrb" />
+<meta name="google-site-verification" content="onQcXpAvtHBrUI5LlroHNE_FP0b2qvFyPq7VZw36iEY" />
 <script type="application/ld+json">
-{"description":"Transform your plain text into static websites and blogs","@type":"WebPage","url":"https://jekyllrb.com/team/","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://jekyllrb.com/img/logo-2x.png"}},"headline":"The Jekyll Team","@context":"http://schema.org"}</script>
+{"url":"https://jekyllrb.com/team/","headline":"The Jekyll Team","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://jekyllrb.com/img/logo-2x.png"}},"description":"Transform your plain text into static websites and blogs","@type":"WebPage","@context":"https://schema.org"}</script>
 <!-- End Jekyll SEO tag -->
 
   <!--[if lt IE 9]>
@@ -71,7 +71,7 @@
     <div class="meta hide-on-mobiles">
       <ul>
         <li>
-          <a href="https://github.com/jekyll/jekyll/releases/tag/v3.8.1">v3.8.1</a>
+          <a href="https://github.com/jekyll/jekyll/releases/tag/v3.9.0">v3.9.0</a>
         </li>
         <li>
           <a href="https://github.com/jekyll/jekyll">GitHub</a>
@@ -183,7 +183,7 @@ and addressing issues for a specific aspect of Jekyll.</em></p>
   <footer>
   <div class="grid">
     <div class="unit one-third center-on-mobiles">
-      <p>The contents of this website are <br>© 2018 under the terms of the <a href="https://github.com/jekyll/jekyll/blob/master/LICENSE">MIT License</a>.</p>
+      <p>The contents of this website are <br>© 2020 under the terms of the <a href="https://github.com/jekyll/jekyll/blob/master/LICENSE">MIT License</a>.</p>
     </div>
     <div class="unit two-thirds align-right center-on-mobiles">
       <p>

data/site/tutorials/convert-site-to-jekyll/index.html

@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width,initial-scale=1">
-  <meta name="generator" content="Jekyll v3.8.1">
+  <meta name="generator" content="Jekyll v3.9.0">
   <link type="application/atom+xml" rel="alternate" href="https://jekyllrb.com/feed.xml" title="Jekyll • Simple, blog-aware, static sites" />
   <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="preconnect" href="https://fonts.gstatic.com/" crossorigin>
@@ -11,9 +11,9 @@
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
   <link rel="stylesheet" href="/css/screen.css">
   <link rel="icon" type="image/x-icon" href="/favicon.ico">
-  <!-- Begin Jekyll SEO tag v2.4.0 -->
+  <!-- Begin Jekyll SEO tag v2.6.1 -->
 <title>Convert an HTML site to Jekyll | Jekyll • Simple, blog-aware, static sites</title>
-<meta name="generator" content="Jekyll v3.8.1" />
+<meta name="generator" content="Jekyll v3.9.0" />
 <meta property="og:title" content="Convert an HTML site to Jekyll" />
 <meta property="og:locale" content="en_US" />
 <meta name="description" content="If you’re looking for themes for your Jekyll site, you don’t have to restrict yourself to existing Jekyll themes. It’s pretty easy to convert almost any static HTML files into a Jekyll website." />
@@ -22,12 +22,13 @@
 <meta property="og:url" content="https://jekyllrb.com/tutorials/convert-site-to-jekyll/" />
 <meta property="og:site_name" content="Jekyll • Simple, blog-aware, static sites" />
 <meta property="og:type" content="article" />
-<meta property="article:published_time" content="2018-05-01T13:18:24-07:00" />
+<meta property="article:published_time" content="2020-08-05T11:55:36-07:00" />
 <meta name="twitter:card" content="summary" />
+<meta property="twitter:title" content="Convert an HTML site to Jekyll" />
 <meta name="twitter:site" content="@jekyllrb" />
 <meta name="google-site-verification" content="onQcXpAvtHBrUI5LlroHNE_FP0b2qvFyPq7VZw36iEY" />
 <script type="application/ld+json">
-{"description":"If you’re looking for themes for your Jekyll site, you don’t have to restrict yourself to existing Jekyll themes. It’s pretty easy to convert almost any static HTML files into a Jekyll website.","@type":"BlogPosting","url":"https://jekyllrb.com/tutorials/convert-site-to-jekyll/","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://jekyllrb.com/img/logo-2x.png"}},"headline":"Convert an HTML site to Jekyll","dateModified":"2018-05-01T13:18:24-07:00","datePublished":"2018-05-01T13:18:24-07:00","mainEntityOfPage":{"@type":"WebPage","@id":"https://jekyllrb.com/tutorials/convert-site-to-jekyll/"},"@context":"http://schema.org"}</script>
+{"url":"https://jekyllrb.com/tutorials/convert-site-to-jekyll/","headline":"Convert an HTML site to Jekyll","dateModified":"2020-08-05T11:55:36-07:00","datePublished":"2020-08-05T11:55:36-07:00","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://jekyllrb.com/img/logo-2x.png"}},"description":"If you’re looking for themes for your Jekyll site, you don’t have to restrict yourself to existing Jekyll themes. It’s pretty easy to convert almost any static HTML files into a Jekyll website.","mainEntityOfPage":{"@type":"WebPage","@id":"https://jekyllrb.com/tutorials/convert-site-to-jekyll/"},"@type":"BlogPosting","@context":"https://schema.org"}</script>
 <!-- End Jekyll SEO tag -->
 
   <!--[if lt IE 9]>
@@ -72,7 +73,7 @@
     <div class="meta hide-on-mobiles">
       <ul>
         <li>
-          <a href="https://github.com/jekyll/jekyll/releases/tag/v3.8.1">v3.8.1</a>
+          <a href="https://github.com/jekyll/jekyll/releases/tag/v3.9.0">v3.9.0</a>
         </li>
         <li>
           <a href="https://github.com/jekyll/jekyll">GitHub</a>
@@ -168,19 +169,19 @@
 
 <p>We’ll start with a <em>basic Jekyll site</em> consisting of three files:</p>
 
-<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>├── _config.yml
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>├── _config.yml
 ├── _layouts
 │   └── default.html
 └── index.md
 </code></pre></div></div>
 
-<p>Manually create these three files in a folder called <code class="highlighter-rouge">my_jekyll_site</code> or whatever suits you the most, and place <code class="highlighter-rouge">default.html</code> inside a folder named <code class="highlighter-rouge">_layouts</code>.</p>
+<p>Manually create these three files in a folder called <code class="language-plaintext highlighter-rouge">my_jekyll_site</code> or whatever suits you the most, and place <code class="language-plaintext highlighter-rouge">default.html</code> inside a folder named <code class="language-plaintext highlighter-rouge">_layouts</code>.</p>
 
 <div class="language-sh highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nv">$ </span><span class="nb">touch </span>_config.yml index.md default.html
 <span class="nv">$ </span><span class="nb">mkdir </span>_layouts <span class="o">&amp;&amp;</span> <span class="nb">mv </span>default.html _layouts
 </code></pre></div></div>
 
-<p>Fire up your favorite editor, and populate the contents of the <code class="highlighter-rouge">default.html</code> and <code class="highlighter-rouge">index.md</code> files as follows:</p>
+<p>Fire up your favorite editor, and populate the contents of the <code class="language-plaintext highlighter-rouge">default.html</code> and <code class="language-plaintext highlighter-rouge">index.md</code> files as follows:</p>
 
 <p><strong>_config.yml</strong></p>
 
@@ -213,23 +214,23 @@
 <span class="s">--&gt;</span>
 </code></pre></div></div>
 
-<p>Now <code class="highlighter-rouge">cd</code> to <code class="highlighter-rouge">my_jekyll_site</code> and serve the site with the built-in server:</p>
+<p>Now <code class="language-plaintext highlighter-rouge">cd</code> to <code class="language-plaintext highlighter-rouge">my_jekyll_site</code> and serve the site with the built-in server:</p>
 
-<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>cd my_jekyll_site
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>cd my_jekyll_site
 jekyll serve
 </code></pre></div></div>
 
-<p class="note info">If you have a Gemfile, <a href="/docs/quickstart/#about-bundler">use Bundler</a> by typing <code class="highlighter-rouge">bundle exec jekyll serve</code> instead.</p>
+<p class="note info">If you have a Gemfile, <a href="/docs/quickstart/#about-bundler">use Bundler</a> by typing <code class="language-plaintext highlighter-rouge">bundle exec jekyll serve</code> instead.</p>
 
-<p>When you serve the site, you get a preview URL such as <code class="highlighter-rouge">http://127.0.0.1:4000/</code> (which is the same as <code class="highlighter-rouge">http://localhost:4000/</code>). The site’s files are built into the <code class="highlighter-rouge">_site</code> folder by default.</p>
+<p>When you serve the site, you get a preview URL such as <code class="language-plaintext highlighter-rouge">http://127.0.0.1:4000/</code> (which is the same as <code class="language-plaintext highlighter-rouge">http://localhost:4000/</code>). The site’s files are built into the <code class="language-plaintext highlighter-rouge">_site</code> folder by default.</p>
 
 <p>This is a Jekyll site at the most basic functional level. Here’s what is happening:</p>
 
 <ul>
-  <li>The <code class="highlighter-rouge">_config.yml</code> file contains settings that Jekyll uses as it processes your site. An empty config file will use default values for building a Jekyll site. For example, to convert <a href="https://learnxinyminutes.com/docs/markdown/">Markdown</a> to HTML, Jekyll will automatically use the <a href="https://rubygems.org/gems/kramdown/">kramdown Markdown filter</a>, without any need to specify it.</li>
-  <li>Jekyll looks for files with <a href="/docs/frontmatter/">front matter tags</a> (the two sets of dashed lines <code class="highlighter-rouge">---</code> like those in <code class="highlighter-rouge">index.md</code>) and processes the files (populating site variables, rendering any <a href="https://shopify.github.io/liquid/">Liquid</a>, and converting Markdown to HTML).</li>
-  <li>Jekyll pushes the content from all pages and posts into the <code class="highlighter-rouge">{{ content }}</code> variable in the layout specified (<code class="highlighter-rouge">default</code>) in the front matter tags.</li>
-  <li>The processed files get written as <code class="highlighter-rouge">.html</code> files in the <code class="highlighter-rouge">_site</code> directory.</li>
+  <li>The <code class="language-plaintext highlighter-rouge">_config.yml</code> file contains settings that Jekyll uses as it processes your site. An empty config file will use default values for building a Jekyll site. For example, to convert <a href="https://learnxinyminutes.com/docs/markdown/">Markdown</a> to HTML, Jekyll will automatically use the <a href="https://rubygems.org/gems/kramdown/">kramdown Markdown filter</a>, without any need to specify it.</li>
+  <li>Jekyll looks for files with <a href="/docs/frontmatter/">front matter tags</a> (the two sets of dashed lines <code class="language-plaintext highlighter-rouge">---</code> like those in <code class="language-plaintext highlighter-rouge">index.md</code>) and processes the files (populating site variables, rendering any <a href="https://shopify.github.io/liquid/">Liquid</a>, and converting Markdown to HTML).</li>
+  <li>Jekyll pushes the content from all pages and posts into the <code class="language-plaintext highlighter-rouge">{{ content }}</code> variable in the layout specified (<code class="language-plaintext highlighter-rouge">default</code>) in the front matter tags.</li>
+  <li>The processed files get written as <code class="language-plaintext highlighter-rouge">.html</code> files in the <code class="language-plaintext highlighter-rouge">_site</code> directory.</li>
 </ul>
 
 <p>You can read more about how Jekyll processes the files in <a href="/tutorials/orderofinterpretation/">order of Interpretation</a>.</p>
@@ -238,61 +239,61 @@ jekyll serve
 
 <h2 id="1-create-a-template-for-your-default-layout">1. Create a template for your default layout</h2>
 
-<p>Find your HTML theme and save it as a <code class="highlighter-rouge">default</code> layout. If you’re converting or cloning an existing site, you can right-click the page and view the source code.</p>
+<p>Find your HTML theme and save it as a <code class="language-plaintext highlighter-rouge">default</code> layout. If you’re converting or cloning an existing site, you can right-click the page and view the source code.</p>
 
 <p>For example, suppose you’re cloning your company site to create a documentation site with the same branding. Or suppose you have a personal site that you built with HTML and now want to make it a Jekyll site. Get the HTML source code for your site.</p>
 
 <p class="note info">Regardless of the site, do check the license and make sure you have permission to copy and use the code.</p>
 
-<p>Copy and paste the source code into a file called <code class="highlighter-rouge">default.html</code>. Put the <code class="highlighter-rouge">default.html</code> file inside the <code class="highlighter-rouge">_layouts</code> folder. This will be the default layout template for your pages and posts — that is, each page or post will use this layout when Jekyll builds the site.</p>
+<p>Copy and paste the source code into a file called <code class="language-plaintext highlighter-rouge">default.html</code>. Put the <code class="language-plaintext highlighter-rouge">default.html</code> file inside the <code class="language-plaintext highlighter-rouge">_layouts</code> folder. This will be the default layout template for your pages and posts — that is, each page or post will use this layout when Jekyll builds the site.</p>
 
 <p>Note that in looking for templates, you want the HTML output of the template. If the template has PHP tags or other dynamic scripts, these dynamic elements will need to be converted to HTML or to <a href="https://shopify.github.io/liquid/">Liquid</a>. Liquid is <a href="/docs/templates/">Jekyll templating system</a> to retrieve dynamic content.</p>
 
-<p>Open <code class="highlighter-rouge">default.html</code> into your browser locally to ensure the site looks and behaves like it does online. You will likely need to adjust CSS, JS, and image paths so they work.</p>
+<p>Open <code class="language-plaintext highlighter-rouge">default.html</code> into your browser locally to ensure the site looks and behaves like it does online. You will likely need to adjust CSS, JS, and image paths so they work.</p>
 
-<p>For example, if the paths were relative on the site you copied, you’ll need to either download the same assets into your Jekyll site or use absolute paths to the same assets in the cloud. (Syntax such as <code class="highlighter-rouge">src="//</code> requires a prefix such as <code class="highlighter-rouge">src="http://</code> to work in your local browser.)</p>
+<p>For example, if the paths were relative on the site you copied, you’ll need to either download the same assets into your Jekyll site or use absolute paths to the same assets in the cloud. (Syntax such as <code class="language-plaintext highlighter-rouge">src="//</code> requires a prefix such as <code class="language-plaintext highlighter-rouge">src="http://</code> to work in your local browser.)</p>
 
 <p>Jekyll provides some <a href="/docs/templates/#filters">filters</a> to prepend a site URL before path. For example, you could preface your stylesheet like this:</p>
 
 <div class="language-liquid highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="p">{{</span><span class="w"> </span><span class="s2">"/assets/style.css"</span><span class="w"> </span><span class="p">|</span><span class="w"> </span><span class="nf">relative_url</span><span class="w"> </span><span class="p">}}</span>
 </code></pre></div></div>
 
-<p>The <code class="highlighter-rouge">relative_url</code> filter will prepend the <a href="https://byparker.com/blog/2014/clearing-up-confusion-around-baseurl/"><code class="highlighter-rouge">baseurl</code></a> value from your config file (as<code class="highlighter-rouge">blog</code> for instance) to the input. This is useful if your site is hosted at a subpath rather than at the root of the domain (for example, <code class="highlighter-rouge">http://mysite.com/blog/</code>).</p>
+<p>The <code class="language-plaintext highlighter-rouge">relative_url</code> filter will prepend the <a href="https://byparker.com/blog/2014/clearing-up-confusion-around-baseurl/"><code class="language-plaintext highlighter-rouge">baseurl</code></a> value from your config file (as<code class="language-plaintext highlighter-rouge">blog</code> for instance) to the input. This is useful if your site is hosted at a subpath rather than at the root of the domain (for example, <code class="language-plaintext highlighter-rouge">http://mysite.com/blog/</code>).</p>
 
-<p>You can also use an <code class="highlighter-rouge">absolute_url</code> filter. This filter will prepend the <code class="highlighter-rouge">url</code> <em>and</em> <code class="highlighter-rouge">baseurl</code> value to the input:</p>
+<p>You can also use an <code class="language-plaintext highlighter-rouge">absolute_url</code> filter. This filter will prepend the <code class="language-plaintext highlighter-rouge">url</code> <em>and</em> <code class="language-plaintext highlighter-rouge">baseurl</code> value to the input:</p>
 
 <div class="language-liquid highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="p">{{</span><span class="w"> </span><span class="s2">"/assets/style.css"</span><span class="w"> </span><span class="p">|</span><span class="w"> </span><span class="nf">absolute_url</span><span class="w"> </span><span class="p">}}</span>
 </code></pre></div></div>
 
-<p>Again, both <code class="highlighter-rouge">url</code> and <code class="highlighter-rouge">baseurl</code> can be defined in your site’s config file, like this:</p>
+<p>Again, both <code class="language-plaintext highlighter-rouge">url</code> and <code class="language-plaintext highlighter-rouge">baseurl</code> can be defined in your site’s config file, like this:</p>
 
-<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>url: http://mysite.com
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>url: http://mysite.com
 baseurl: /blog
 </code></pre></div></div>
 
-<p>The result in the output will be <code class="highlighter-rouge">http://mysite.com/blog/assets/style.css</code>.</p>
+<p>The result in the output will be <code class="language-plaintext highlighter-rouge">http://mysite.com/blog/assets/style.css</code>.</p>
 
-<p>Note that the <code class="highlighter-rouge">url</code> property of any page begins with a forward slash (<code class="highlighter-rouge">/</code>), so omit this at the end of your <code class="highlighter-rouge">url</code> or <code class="highlighter-rouge">baseurl</code> property.</p>
+<p>Note that the <code class="language-plaintext highlighter-rouge">url</code> property of any page begins with a forward slash (<code class="language-plaintext highlighter-rouge">/</code>), so omit this at the end of your <code class="language-plaintext highlighter-rouge">url</code> or <code class="language-plaintext highlighter-rouge">baseurl</code> property.</p>
 
 <p>You don’t have to prepend filters to link paths like this. You could also use relative links across your entire site. However you decide to code the paths to your assets, make sure they render correctly.</p>
 
-<p>Does your local <code class="highlighter-rouge">default.html</code> page look good in your browser? Are all images, styles, and other elements showing up correctly? If so, great. Keep going. You can use this template as the layout for all your pages and posts or create as many templates as you need.</p>
+<p>Does your local <code class="language-plaintext highlighter-rouge">default.html</code> page look good in your browser? Are all images, styles, and other elements showing up correctly? If so, great. Keep going. You can use this template as the layout for all your pages and posts or create as many templates as you need.</p>
 
 <p>In the next section, you’ll blank out the content of the layout and replace it with placeholder tags that get populated dynamically with your Jekyll pages.</p>
 
 <h2 id="2-identify-the-content-part-of-the-layout">2. Identify the content part of the layout</h2>
 
-<p>In <code class="highlighter-rouge">default.html</code>, find where the page content begins (usually at <code class="highlighter-rouge">h1</code> or <code class="highlighter-rouge">h2</code> tags). Replace the title that appears inside these tags with <code class="highlighter-rouge">{{ page.title }}</code>.</p>
+<p>In <code class="language-plaintext highlighter-rouge">default.html</code>, find where the page content begins (usually at <code class="language-plaintext highlighter-rouge">h1</code> or <code class="language-plaintext highlighter-rouge">h2</code> tags). Replace the title that appears inside these tags with <code class="language-plaintext highlighter-rouge">{{ page.title }}</code>.</p>
 
-<p>Remove the content part (keep everything else: navigation menu, sidebar, footer, etc.) and replace it with <code class="highlighter-rouge">{{ content }}</code>.</p>
+<p>Remove the content part (keep everything else: navigation menu, sidebar, footer, etc.) and replace it with <code class="language-plaintext highlighter-rouge">{{ content }}</code>.</p>
 
-<p>Check the layout again in your browser and make sure you didn’t corrupt or alter it up by inadvertently removing a crucial <code class="highlighter-rouge">div</code> tag or other element. The only change should be to the title and page content, which are now blanked out or showing the placeholder tag.</p>
+<p>Check the layout again in your browser and make sure you didn’t corrupt or alter it up by inadvertently removing a crucial <code class="language-plaintext highlighter-rouge">div</code> tag or other element. The only change should be to the title and page content, which are now blanked out or showing the placeholder tag.</p>
 
 <h2 id="3-create-a-couple-of-files-with-front-matter-tags">3. Create a couple of files with front matter tags</h2>
 
-<p>Create a couple of files (<code class="highlighter-rouge">index.md</code> and <code class="highlighter-rouge">about.md</code>) in your root directory.</p>
+<p>Create a couple of files (<code class="language-plaintext highlighter-rouge">index.md</code> and <code class="language-plaintext highlighter-rouge">about.md</code>) in your root directory.</p>
 
-<p>In your <code class="highlighter-rouge">index.md</code> file, add some front matter tags containing a <code class="highlighter-rouge">title</code> and <code class="highlighter-rouge">layout</code> property, like this:</p>
+<p>In your <code class="language-plaintext highlighter-rouge">index.md</code> file, add some front matter tags containing a <code class="language-plaintext highlighter-rouge">title</code> and <code class="language-plaintext highlighter-rouge">layout</code> property, like this:</p>
 
 <div class="language-yaml highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nn">---</span>
 <span class="na">title</span><span class="pi">:</span> <span class="s">Home</span>
@@ -302,20 +303,20 @@ baseurl: /blog
 <span class="s">Some page content here...</span>
 </code></pre></div></div>
 
-<p>Create another page for testing called <code class="highlighter-rouge">about.md</code> with similar front matter tags.</p>
+<p>Create another page for testing called <code class="language-plaintext highlighter-rouge">about.md</code> with similar front matter tags.</p>
 
 <p class="note info">If you don’t specify a layout in your pages, Jekyll will simply render that page as an unstyled basic HTML page.</p>
 
 <h2 id="4-add-a-configuration-file">4. Add a configuration file</h2>
 
-<p>Add a <code class="highlighter-rouge">_config.yml</code> file in your root directory. In <code class="highlighter-rouge">_config.yml</code>, you can optionally specify the markdown filter you want. By default, <a href="https://kramdown.gettalong.org/">kramdown</a> is used (without the need to specify it). If no other filter is specified, your config file will automatically apply the following as a default setting:</p>
+<p>Add a <code class="language-plaintext highlighter-rouge">_config.yml</code> file in your root directory. In <code class="language-plaintext highlighter-rouge">_config.yml</code>, you can optionally specify the markdown filter you want. By default, <a href="https://kramdown.gettalong.org/">kramdown</a> is used (without the need to specify it). If no other filter is specified, your config file will automatically apply the following as a default setting:</p>
 
-<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>markdown: kramdown
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>markdown: kramdown
 </code></pre></div></div>
 
 <p>You can also specify <a href="https://kramdown.gettalong.org/converter/html.html">some options</a> for kramdown to make it behave more like <a href="https://github.github.com/gfm/">GitHub Flavored Markdown (GFM)</a>:</p>
 
-<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>kramdown:
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>kramdown:
  input: GFM
  auto_ids: true
  hard_wrap: false
@@ -324,44 +325,44 @@ baseurl: /blog
 
 <h2 id="5-test-your-pages">5. Test your pages</h2>
 
-<p>Now run <code class="highlighter-rouge">jekyll serve</code> and toggle between your <code class="highlighter-rouge">index.html</code> and <code class="highlighter-rouge">about.html</code> pages. The default layout should load for both pages.</p>
+<p>Now run <code class="language-plaintext highlighter-rouge">jekyll serve</code> and toggle between your <code class="language-plaintext highlighter-rouge">index.html</code> and <code class="language-plaintext highlighter-rouge">about.html</code> pages. The default layout should load for both pages.</p>
 
 <p>You’ve now extracted your content out into separate files and defined a common layout for pages.</p>
 
 <p>You could define any number of layouts you want for pages. Then just identify the layout you want that particular page to use. For example:</p>
 
-<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>---
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>---
 title: Sample page
 layout: homepage
 ---
 </code></pre></div></div>
 
-<p>This page would then use the <code class="highlighter-rouge">homepage.html</code> template in the <code class="highlighter-rouge">_layouts</code> folder.</p>
+<p>This page would then use the <code class="language-plaintext highlighter-rouge">homepage.html</code> template in the <code class="language-plaintext highlighter-rouge">_layouts</code> folder.</p>
 
-<p>You can even set <a href="/docs/configuration/#front-matter-defaults">default front matter tags</a> for pages, posts, or <a href="/docs/collections/">collections</a> in your <code class="highlighter-rouge">_config.yml</code> file so that you don’t have to specify the layout in the front matter variables. Anywayd, setting defaults is beyond the scope of this tutorial, let’s get back to work.</p>
+<p>You can even set <a href="/docs/configuration/#front-matter-defaults">default front matter tags</a> for pages, posts, or <a href="/docs/collections/">collections</a> in your <code class="language-plaintext highlighter-rouge">_config.yml</code> file so that you don’t have to specify the layout in the front matter variables. Anywayd, setting defaults is beyond the scope of this tutorial, let’s get back to work.</p>
 
 <h2 id="6-configure-site-variables">6. Configure site variables</h2>
 
-<p>You already configured the page title using <code class="highlighter-rouge">{{ page.title }}</code> tags. But there are more <code class="highlighter-rouge">title</code> tags to populate. Pages also have a <a href="https://moz.com/learn/seo/title-tag"><code class="highlighter-rouge">title</code></a> tag that appears in the browser tab or window. Typically you put the page title followed by the site title here.</p>
+<p>You already configured the page title using <code class="language-plaintext highlighter-rouge">{{ page.title }}</code> tags. But there are more <code class="language-plaintext highlighter-rouge">title</code> tags to populate. Pages also have a <a href="https://moz.com/learn/seo/title-tag"><code class="language-plaintext highlighter-rouge">title</code></a> tag that appears in the browser tab or window. Typically you put the page title followed by the site title here.</p>
 
-<p>In your <code class="highlighter-rouge">default.html</code> layout, look for the <code class="highlighter-rouge">title</code> tags below your <code class="highlighter-rouge">head</code> tags:</p>
+<p>In your <code class="language-plaintext highlighter-rouge">default.html</code> layout, look for the <code class="language-plaintext highlighter-rouge">title</code> tags below your <code class="language-plaintext highlighter-rouge">head</code> tags:</p>
 
-<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>&lt;title&gt;ACME Website&lt;/title&gt;
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>&lt;title&gt;ACME Website&lt;/title&gt;
 </code></pre></div></div>
 
 <p>Insert the following site variables:</p>
 
-<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>&lt;title&gt;{{ page.title }} | {{ site.title }}&lt;/title&gt;
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>&lt;title&gt;{{ page.title }} | {{ site.title }}&lt;/title&gt;
 </code></pre></div></div>
 
-<p>Open <code class="highlighter-rouge">_config.yml</code> and add a <code class="highlighter-rouge">title</code> property for your site’s name.</p>
+<p>Open <code class="language-plaintext highlighter-rouge">_config.yml</code> and add a <code class="language-plaintext highlighter-rouge">title</code> property for your site’s name.</p>
 
-<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>title: ACME Website
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>title: ACME Website
 </code></pre></div></div>
 
-<p>Any properties you add in your <code class="highlighter-rouge">_config.yml</code> file are accessible through the <code class="highlighter-rouge">site</code> namespace. Similarly, any properties in your page’s front matter are accessible through the <code class="highlighter-rouge">page</code> namespace. Use dot notation after <code class="highlighter-rouge">site</code> or <code class="highlighter-rouge">page</code> to access the value.</p>
+<p>Any properties you add in your <code class="language-plaintext highlighter-rouge">_config.yml</code> file are accessible through the <code class="language-plaintext highlighter-rouge">site</code> namespace. Similarly, any properties in your page’s front matter are accessible through the <code class="language-plaintext highlighter-rouge">page</code> namespace. Use dot notation after <code class="language-plaintext highlighter-rouge">site</code> or <code class="language-plaintext highlighter-rouge">page</code> to access the value.</p>
 
-<p>Stop your Jekyll server with <kbd>Ctrl</kbd> + <kbd>C</kbd> and restart it. Verify that the <code class="highlighter-rouge">title</code> tags are populating correctly.</p>
+<p>Stop your Jekyll server with <kbd>Ctrl</kbd> + <kbd>C</kbd> and restart it. Verify that the <code class="language-plaintext highlighter-rouge">title</code> tags are populating correctly.</p>
 
 <p class="note info">Every time you modify your config file, you have to restart Jekyll for the changes to take effect. When you modify other files, Jekyll automatically picks up the changes when it rebuilds.</p>
 
@@ -371,17 +372,17 @@ layout: homepage
 
 <p>It’s common to show a list of posts on the homepage. First, let’s create some posts so that we have something to showcase.</p>
 
-<p>Add some posts in a <code class="highlighter-rouge">_posts</code> folder following the standard <code class="highlighter-rouge">YYYY-MM-DD-title.md</code> post format:</p>
+<p>Add some posts in a <code class="language-plaintext highlighter-rouge">_posts</code> folder following the standard <code class="language-plaintext highlighter-rouge">YYYY-MM-DD-title.md</code> post format:</p>
 
 <ul>
-  <li><code class="highlighter-rouge">2017-01-02-my-first-post.md</code></li>
-  <li><code class="highlighter-rouge">2017-01-15-my-second-post.md</code></li>
-  <li><code class="highlighter-rouge">2017-02-08-my-third-post.md</code></li>
+  <li><code class="language-plaintext highlighter-rouge">2017-01-02-my-first-post.md</code></li>
+  <li><code class="language-plaintext highlighter-rouge">2017-01-15-my-second-post.md</code></li>
+  <li><code class="language-plaintext highlighter-rouge">2017-02-08-my-third-post.md</code></li>
 </ul>
 
 <p>In each post, add some basic content:</p>
 
-<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>---
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>---
 title: My First Post
 layout: default
 ---
@@ -389,9 +390,9 @@ layout: default
 Some sample content...
 </code></pre></div></div>
 
-<p>Now let’s create a layout that will display the posts. Create a new file in <code class="highlighter-rouge">_layouts</code> called <code class="highlighter-rouge">home.html</code> and add the following logic:</p>
+<p>Now let’s create a layout that will display the posts. Create a new file in <code class="language-plaintext highlighter-rouge">_layouts</code> called <code class="language-plaintext highlighter-rouge">home.html</code> and add the following logic:</p>
 
-<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>---
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>---
 layout: default
 ---
 
@@ -405,56 +406,56 @@ layout: default
 &lt;/ul&gt;
 </code></pre></div></div>
 
-<p>Create a file called <code class="highlighter-rouge">blog.md</code> in your root directory and specify the <code class="highlighter-rouge">home</code> layout:</p>
+<p>Create a file called <code class="language-plaintext highlighter-rouge">blog.md</code> in your root directory and specify the <code class="language-plaintext highlighter-rouge">home</code> layout:</p>
 
-<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>---
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>---
 title: Blog
 layout: home
 ---
 </code></pre></div></div>
 
-<p>In this case, contents of <code class="highlighter-rouge">blog.md</code> will be pushed into the <code class="highlighter-rouge">{{ content }}</code> tag in the <code class="highlighter-rouge">home</code> layout. Then the <code class="highlighter-rouge">home</code> layout will be pushed into the <code class="highlighter-rouge">{{ content }}</code> tag of the <code class="highlighter-rouge">default</code> layout.</p>
+<p>In this case, contents of <code class="language-plaintext highlighter-rouge">blog.md</code> will be pushed into the <code class="language-plaintext highlighter-rouge">{{ content }}</code> tag in the <code class="language-plaintext highlighter-rouge">home</code> layout. Then the <code class="language-plaintext highlighter-rouge">home</code> layout will be pushed into the <code class="language-plaintext highlighter-rouge">{{ content }}</code> tag of the <code class="language-plaintext highlighter-rouge">default</code> layout.</p>
 
 <h3 id="how-layouts-work">How layouts work</h3>
 
-<p>When a layout specifies another layout, it means the content of the first layout will be stuffed into the <code class="highlighter-rouge">{{ content }}</code> tag of the second layout. As an analogy, think of Russian dolls that fit into each other. Each layout fits into another layout that it specifies.</p>
+<p>When a layout specifies another layout, it means the content of the first layout will be stuffed into the <code class="language-plaintext highlighter-rouge">{{ content }}</code> tag of the second layout. As an analogy, think of Russian dolls that fit into each other. Each layout fits into another layout that it specifies.</p>
 
 <p>The following diagram shows how layouts work in Jekyll:</p>
 
 <p><img src="../../img/jekylllayoutconcept.png" alt="Concept of Jekyll layouts" /></p>
 
-<p class="image-description">In this example, the content from a Markdown document <code class="highlighter-rouge">document.md</code> that specifies <code class="highlighter-rouge">layout: docs</code> gets pushed into the <code class="highlighter-rouge">{{ content }}</code> tag of the layout file <code class="highlighter-rouge">docs.html</code>. Because the <code class="highlighter-rouge">docs</code> layout itself specifies <code class="highlighter-rouge">layout: page</code>, the content from <code class="highlighter-rouge">docs.html</code> gets pushed into the <code class="highlighter-rouge">{{ content }}</code> tag in the layout file <code class="highlighter-rouge">page.html</code>. Finally because the <code class="highlighter-rouge">page</code> layout specifies <code class="highlighter-rouge">layout: default</code>, the content from <code class="highlighter-rouge">page.html</code> gets pushed into the <code class="highlighter-rouge">{{ content }}</code> tag of the layout file <code class="highlighter-rouge">default.html</code>.</p>
+<p class="image-description">In this example, the content from a Markdown document <code class="language-plaintext highlighter-rouge">document.md</code> that specifies <code class="language-plaintext highlighter-rouge">layout: docs</code> gets pushed into the <code class="language-plaintext highlighter-rouge">{{ content }}</code> tag of the layout file <code class="language-plaintext highlighter-rouge">docs.html</code>. Because the <code class="language-plaintext highlighter-rouge">docs</code> layout itself specifies <code class="language-plaintext highlighter-rouge">layout: page</code>, the content from <code class="language-plaintext highlighter-rouge">docs.html</code> gets pushed into the <code class="language-plaintext highlighter-rouge">{{ content }}</code> tag in the layout file <code class="language-plaintext highlighter-rouge">page.html</code>. Finally because the <code class="language-plaintext highlighter-rouge">page</code> layout specifies <code class="language-plaintext highlighter-rouge">layout: default</code>, the content from <code class="language-plaintext highlighter-rouge">page.html</code> gets pushed into the <code class="language-plaintext highlighter-rouge">{{ content }}</code> tag of the layout file <code class="language-plaintext highlighter-rouge">default.html</code>.</p>
 
-<p>You don’t need multiple layouts. You could just use one: <code class="highlighter-rouge">default</code>. You have options for how you design your site. In general, it’s common to define one layout for pages and another layout for posts, but for both of these layouts to inherit the <code class="highlighter-rouge">default</code> template (which usually defines the top and bottom parts of the site).</p>
+<p>You don’t need multiple layouts. You could just use one: <code class="language-plaintext highlighter-rouge">default</code>. You have options for how you design your site. In general, it’s common to define one layout for pages and another layout for posts, but for both of these layouts to inherit the <code class="language-plaintext highlighter-rouge">default</code> template (which usually defines the top and bottom parts of the site).</p>
 
-<p>In your browser, go to <code class="highlighter-rouge">blog.html</code> and see the list of posts.
-Note that you don’t have to use the method described here. You could have simply added the <code class="highlighter-rouge">for</code> loop to any page, such as <code class="highlighter-rouge">index.md</code>, to display these posts. But given that you may have more complex logic for other features, it can be helpful to store your logic in templates separate from the page area where you frequently type your content.</p>
+<p>In your browser, go to <code class="language-plaintext highlighter-rouge">blog.html</code> and see the list of posts.
+Note that you don’t have to use the method described here. You could have simply added the <code class="language-plaintext highlighter-rouge">for</code> loop to any page, such as <code class="language-plaintext highlighter-rouge">index.md</code>, to display these posts. But given that you may have more complex logic for other features, it can be helpful to store your logic in templates separate from the page area where you frequently type your content.</p>
 
-<p class="note info">At minimum, a layout should contain <code class="highlighter-rouge">{{ content }}</code>, which acts as a receiver for the <em>content</em> to be rendered.</p>
+<p class="note info">At minimum, a layout should contain <code class="language-plaintext highlighter-rouge">{{ content }}</code>, which acts as a receiver for the <em>content</em> to be rendered.</p>
 
 <h3 id="for-loops">For loops</h3>
 
-<p>By the way, let’s pause here to look at the <code class="highlighter-rouge">for</code> loop logic a little more closely. <a href="https://shopify.github.io/liquid/tags/iteration/">For loops in Liquid</a> are one of the most commonly used Liquid tags. <em>For loops</em> let you iterate through content in your Jekyll site and build out a result. The <code class="highlighter-rouge">for</code> loop also has <a href="https://help.shopify.com/themes/liquid/objects/for-loops">certain properties available</a> (like first or last iteration) based on the loop’s position in the loop as well.</p>
+<p>By the way, let’s pause here to look at the <code class="language-plaintext highlighter-rouge">for</code> loop logic a little more closely. <a href="https://shopify.github.io/liquid/tags/iteration/">For loops in Liquid</a> are one of the most commonly used Liquid tags. <em>For loops</em> let you iterate through content in your Jekyll site and build out a result. The <code class="language-plaintext highlighter-rouge">for</code> loop also has <a href="https://help.shopify.com/themes/liquid/objects/for-loops">certain properties available</a> (like first or last iteration) based on the loop’s position in the loop as well.</p>
 
-<p>We’ve only scratched the surface of what you can do with <code class="highlighter-rouge">for</code> loops in retrieving posts. For example, if you wanted to display posts from a specific category, you could do so by adding a <code class="highlighter-rouge">categories</code> property to your post’s front matter and then look in those categories. Further, you could limit the number of results by adding a <code class="highlighter-rouge">limit</code> property. Here’s an example:</p>
+<p>We’ve only scratched the surface of what you can do with <code class="language-plaintext highlighter-rouge">for</code> loops in retrieving posts. For example, if you wanted to display posts from a specific category, you could do so by adding a <code class="language-plaintext highlighter-rouge">categories</code> property to your post’s front matter and then look in those categories. Further, you could limit the number of results by adding a <code class="language-plaintext highlighter-rouge">limit</code> property. Here’s an example:</p>
 
 <div class="language-liquid highlighter-rouge"><div class="highlight"><pre class="highlight"><code>&lt;ul class="myposts"&gt;
-<span class="p">{%</span><span class="w"> </span><span class="nt">for</span><span class="w"> </span>post<span class="w"> </span>in<span class="w"> </span>site.categories.podcasts<span class="w"> </span><span class="na">limit</span><span class="o">:</span><span class="mi">3</span><span class="w"> </span><span class="p">%}</span>
+<span class="p">{%</span><span class="w"> </span><span class="nt">for</span><span class="w"> </span><span class="nv">post</span><span class="w"> </span><span class="nt">in</span><span class="w"> </span><span class="nv">site.categories.podcasts</span><span class="w"> </span><span class="na">limit</span><span class="o">:</span><span class="mi">3</span><span class="w"> </span><span class="p">%}</span>
     &lt;li&gt;&lt;a href="<span class="p">{{</span><span class="w"> </span><span class="nv">post</span><span class="p">.</span><span class="nv">url</span><span class="w"> </span><span class="p">}}</span>"&gt;<span class="p">{{</span><span class="w"> </span><span class="nv">post</span><span class="p">.</span><span class="nv">title</span><span class="p">}}</span>&lt;/a&gt;
     &lt;span class="postDate"&gt;<span class="p">{{</span><span class="w"> </span><span class="nv">post</span><span class="p">.</span><span class="nv">date</span><span class="w"> </span><span class="p">|</span><span class="w"> </span><span class="nf">date</span><span class="p">:</span><span class="w"> </span><span class="s2">"%b %-d, %Y"</span><span class="w"> </span><span class="p">}}</span>&lt;/span&gt;
     &lt;/li&gt;
 <span class="p">{%</span><span class="w"> </span><span class="nt">endfor</span><span class="w"> </span><span class="p">%}</span>
 </code></pre></div></div>
 
-<p>This loop would get the latest three posts that have a category called <code class="highlighter-rouge">podcasts</code> in the front matter.</p>
+<p>This loop would get the latest three posts that have a category called <code class="language-plaintext highlighter-rouge">podcasts</code> in the front matter.</p>
 
 <h2 id="8-configure-navigation">8. Configure navigation</h2>
 
 <p>Now that you’ve configured posts, let’s configure page navigation. Most websites have some navigation either in the sidebar or header area.</p>
 
-<p>In this tutorial, we’ll assume you’ve got a simple list of pages you want to generate. If you only have a handful of pages, you could list them by using a <code class="highlighter-rouge">for</code> loop to iterate through the <code class="highlighter-rouge">site.pages</code> object and then order them by a front matter property.</p>
+<p>In this tutorial, we’ll assume you’ve got a simple list of pages you want to generate. If you only have a handful of pages, you could list them by using a <code class="language-plaintext highlighter-rouge">for</code> loop to iterate through the <code class="language-plaintext highlighter-rouge">site.pages</code> object and then order them by a front matter property.</p>
 
-<p>Identify the part of your code where the list of pages appears. Usually this is a <code class="highlighter-rouge">&lt;ul&gt;</code> element with various child <code class="highlighter-rouge">&lt;li&gt;</code> elements. Replace the code with the following:</p>
+<p>Identify the part of your code where the list of pages appears. Usually this is a <code class="language-plaintext highlighter-rouge">&lt;ul&gt;</code> element with various child <code class="language-plaintext highlighter-rouge">&lt;li&gt;</code> elements. Replace the code with the following:</p>
 
 <div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt">&lt;ul&gt;</span>
   {% assign mypages = site.pages | sort: "order" %}
@@ -464,27 +465,27 @@ Note that you don’t have to use the method described here. You could have simp
   <span class="nt">&lt;/ul&gt;</span>
 </code></pre></div></div>
 
-<p>This example assumes each page would have front matter containing both a <code class="highlighter-rouge">title</code> and <code class="highlighter-rouge">order</code> property like this:</p>
+<p>This example assumes each page would have front matter containing both a <code class="language-plaintext highlighter-rouge">title</code> and <code class="language-plaintext highlighter-rouge">order</code> property like this:</p>
 
-<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>---
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>---
 title: My page
 order: 2
 ---
 </code></pre></div></div>
 
-<p>Here the <code class="highlighter-rouge">order</code> property will define how the pages get sorted, with <code class="highlighter-rouge">1</code> appearing first in the list.</p>
+<p>Here the <code class="language-plaintext highlighter-rouge">order</code> property will define how the pages get sorted, with <code class="language-plaintext highlighter-rouge">1</code> appearing first in the list.</p>
 
 <p>You could also iterate through a list of pages that you maintain in a separate data file. This might be more appropriate if you have a lot of pages, or you have other properties about the pages you want to store.</p>
 
-<p>To manage page links this way, create a folder in your Jekyll project called <code class="highlighter-rouge">_data</code>. In this folder, create a file called e.g. <code class="highlighter-rouge">navigation.yml</code> with this content:</p>
+<p>To manage page links this way, create a folder in your Jekyll project called <code class="language-plaintext highlighter-rouge">_data</code>. In this folder, create a file called e.g. <code class="language-plaintext highlighter-rouge">navigation.yml</code> with this content:</p>
 
-<div class="language-yaml highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="pi">-</span> <span class="na">title</span><span class="pi">:</span> <span class="s">Sample page 1</span>
+<div class="language-yaml highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="pi">-</span> <span class="na">title</span><span class="pi">:</span> <span class="s">Sample page </span><span class="m">1</span>
   <span class="na">url</span><span class="pi">:</span> <span class="s">/page-1-permalink/</span>
 
-<span class="pi">-</span> <span class="na">title</span><span class="pi">:</span> <span class="s">Sample page 2</span>
+<span class="pi">-</span> <span class="na">title</span><span class="pi">:</span> <span class="s">Sample page </span><span class="m">2</span>
   <span class="na">url</span><span class="pi">:</span> <span class="s">/page-2-permalink/</span>
 
-<span class="pi">-</span> <span class="na">title</span><span class="pi">:</span> <span class="s">Sample page 3</span>
+<span class="pi">-</span> <span class="na">title</span><span class="pi">:</span> <span class="s">Sample page </span><span class="m">3</span>
   <span class="na">url</span><span class="pi">:</span> <span class="s">/page-3-permalink/</span>
 </code></pre></div></div>
 
@@ -505,22 +506,22 @@ order: 2
 
 <h2 id="9-simplify-your-site-with-includes">9. Simplify your site with includes</h2>
 
-<p>Let’s suppose your <code class="highlighter-rouge">default.html</code> file is massive and hard to work with. You can break up your layout by putting some of the HTML code in <em>include</em> files.</p>
+<p>Let’s suppose your <code class="language-plaintext highlighter-rouge">default.html</code> file is massive and hard to work with. You can break up your layout by putting some of the HTML code in <em>include</em> files.</p>
 
-<p>Add a folder called <code class="highlighter-rouge">_includes</code> in your root directory. In that folder, add a file there called <code class="highlighter-rouge">sidebar.html</code>.</p>
+<p>Add a folder called <code class="language-plaintext highlighter-rouge">_includes</code> in your root directory. In that folder, add a file there called <code class="language-plaintext highlighter-rouge">sidebar.html</code>.</p>
 
-<p>Remove your sidebar code from your <code class="highlighter-rouge">default.html</code> layout and insert it into the <code class="highlighter-rouge">sidebar.html</code> file.</p>
+<p>Remove your sidebar code from your <code class="language-plaintext highlighter-rouge">default.html</code> layout and insert it into the <code class="language-plaintext highlighter-rouge">sidebar.html</code> file.</p>
 
-<p>Where the sidebar code previously existed in <code class="highlighter-rouge">default.html</code>, pull in your “include” like this:</p>
+<p>Where the sidebar code previously existed in <code class="language-plaintext highlighter-rouge">default.html</code>, pull in your “include” like this:</p>
 
-<div class="language-liquid highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="p">{%</span><span class="w"> </span><span class="nt">include</span><span class="w"> </span><span class="na">sidebar</span><span class="p">.</span><span class="na">html</span><span class="w"> </span><span class="p">%}</span>
+<div class="language-liquid highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="p">{%</span><span class="w"> </span><span class="nt">include</span><span class="w"> </span>sidebar.html<span class="w"> </span><span class="p">%}</span>
 </code></pre></div></div>
 
 <p>You can break up other elements of your theme like this, such as your header or footer. Then you can apply these common elements to other layout files. This way you won’t have duplicate code.</p>
 
 <h2 id="10-rss-feed">10. RSS feed</h2>
 
-<p>Your Jekyll site needs an RSS feed. Here’s the <a href="http://www.w3schools.com/xml/xml_rss.asp">basic RSS feed syntax</a>. To create an RSS file in Jekyll, create a file called <code class="highlighter-rouge">feed.xml</code> in your root directory and add the following:</p>
+<p>Your Jekyll site needs an RSS feed. Here’s the <a href="http://www.w3schools.com/xml/xml_rss.asp">basic RSS feed syntax</a>. To create an RSS file in Jekyll, create a file called <code class="language-plaintext highlighter-rouge">feed.xml</code> in your root directory and add the following:</p>
 
 <div class="language-xml highlighter-rouge"><div class="highlight"><pre class="highlight"><code>---
 layout: null
@@ -549,20 +550,20 @@ layout: null
 <span class="nt">&lt;/rss&gt;</span>
 </code></pre></div></div>
 
-<p>Make sure your <code class="highlighter-rouge">_config.yml</code> file has properties for <code class="highlighter-rouge">title</code>, <code class="highlighter-rouge">url</code>, and <code class="highlighter-rouge">description</code>.</p>
+<p>Make sure your <code class="language-plaintext highlighter-rouge">_config.yml</code> file has properties for <code class="language-plaintext highlighter-rouge">title</code>, <code class="language-plaintext highlighter-rouge">url</code>, and <code class="language-plaintext highlighter-rouge">description</code>.</p>
 
-<p>This code uses a <code class="highlighter-rouge">for</code> loop to look through your last 20 posts. The content from the posts gets escaped and truncated to the last 400 characters using <a href="https://help.shopify.com/themes/liquid/filters">Liquid filters</a>.</p>
+<p>This code uses a <code class="language-plaintext highlighter-rouge">for</code> loop to look through your last 20 posts. The content from the posts gets escaped and truncated to the last 400 characters using <a href="https://help.shopify.com/themes/liquid/filters">Liquid filters</a>.</p>
 
-<p>In your <code class="highlighter-rouge">default.html</code> layout, look for a reference to the RSS or Atom feed in your header, and replace it with a reference to the file you just created. For example:</p>
+<p>In your <code class="language-plaintext highlighter-rouge">default.html</code> layout, look for a reference to the RSS or Atom feed in your header, and replace it with a reference to the file you just created. For example:</p>
 
 <div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"alternate"</span> <span class="na">type=</span><span class="s">"application/rss+xml"</span>  <span class="na">href=</span><span class="s">"{{ site.url }}/feed.xml"</span> <span class="na">title=</span><span class="s">"{{ site.title }}"</span><span class="nt">&gt;</span>
 </code></pre></div></div>
 
-<p>You can also auto-generate your posts feed by adding a gem called <a href="https://help.github.com/articles/atom-rss-feeds-for-github-pages/"><code class="highlighter-rouge">jekyll-feed</code></a>. This gem will also work on GitHub Pages.</p>
+<p>You can also auto-generate your posts feed by adding a gem called <a href="https://help.github.com/articles/atom-rss-feeds-for-github-pages/"><code class="language-plaintext highlighter-rouge">jekyll-feed</code></a>. This gem will also work on GitHub Pages.</p>
 
 <h2 id="11-add-a-sitemap">11. Add a sitemap</h2>
 
-<p>Finally, add a <a href="https://www.sitemaps.org/protocol.html">site map</a>. Create a <code class="highlighter-rouge">sitemap.xml</code> file in your root directory and add this code:</p>
+<p>Finally, add a <a href="https://www.sitemaps.org/protocol.html">site map</a>. Create a <code class="language-plaintext highlighter-rouge">sitemap.xml</code> file in your root directory and add this code:</p>
 
 <div class="language-xml highlighter-rouge"><div class="highlight"><pre class="highlight"><code>---
 layout: null
@@ -593,9 +594,9 @@ search: exclude
 <span class="nt">&lt;/urlset&gt;</span>
 </code></pre></div></div>
 
-<p>Again, we’re using a <code class="highlighter-rouge">for</code> loop here to iterate through all posts and pages to add them to the sitemap.</p>
+<p>Again, we’re using a <code class="language-plaintext highlighter-rouge">for</code> loop here to iterate through all posts and pages to add them to the sitemap.</p>
 
-<p>You can also auto-generate your sitemap by adding a gem called <a href="https://help.github.com/articles/sitemaps-for-github-pages/"><code class="highlighter-rouge">jekyll-sitemap</code></a>. This gem will also work on GitHub Pages.</p>
+<p>You can also auto-generate your sitemap by adding a gem called <a href="https://help.github.com/articles/sitemaps-for-github-pages/"><code class="language-plaintext highlighter-rouge">jekyll-sitemap</code></a>. This gem will also work on GitHub Pages.</p>
 
 <h2 id="12-add-external-services">12. Add external services</h2>
 
@@ -612,11 +613,11 @@ search: exclude
 
 <p>Your Jekyll pages consist of HTML, CSS, and JavaScript, so pretty much any code you need to embed will work without a problem.</p>
 
-<p>As you integrate code for these services, note that <strong>if a page in your Jekyll site doesn’t have front matter tags, Jekyll won’t process any of the content in that page.</strong> The page will just be passed to the <code class="highlighter-rouge">_site</code> folder when you build your site.</p>
+<p>As you integrate code for these services, note that <strong>if a page in your Jekyll site doesn’t have front matter tags, Jekyll won’t process any of the content in that page.</strong> The page will just be passed to the <code class="language-plaintext highlighter-rouge">_site</code> folder when you build your site.</p>
 
-<p>If you do want Jekyll to process some page content (for example, to populate a variable that you define in your site’s config file), just add front matter tags to the page. If you don’t want any layout applied to the page, specify <code class="highlighter-rouge">layout: null</code> like this:</p>
+<p>If you do want Jekyll to process some page content (for example, to populate a variable that you define in your site’s config file), just add front matter tags to the page. If you don’t want any layout applied to the page, specify <code class="language-plaintext highlighter-rouge">layout: null</code> like this:</p>
 
-<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>---
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>---
 layout: null
 ---
 </code></pre></div></div>
@@ -627,7 +628,7 @@ layout: null
 
 <p>To deploy your site, consider using <a href="https://pages.github.com/">GitHub Pages</a>, <a href="https://www.netlify.com/">Netlify</a>, <a href="https://aws.amazon.com/s3/">Amazon AWS S3</a> using the <a href="https://github.com/laurilehmijoki/s3_website">s3_website plugin</a>, or just FTP your files to your web server.</p>
 
-<p>You can also package your layouts, includes and assets into a Ruby <code class="highlighter-rouge">gem</code> and <a href="/docs/themes/#creating-a-theme">make it a Jekyll theme</a>.</p>
+<p>You can also package your layouts, includes and assets into a Ruby <code class="language-plaintext highlighter-rouge">gem</code> and <a href="/docs/themes/#creating-a-theme">make it a Jekyll theme</a>.</p>
 
 <h2 id="additional-resources">Additional resources</h2>
 
@@ -735,7 +736,7 @@ layout: null
   <footer>
   <div class="grid">
     <div class="unit one-third center-on-mobiles">
-      <p>The contents of this website are <br />&copy;&nbsp;2018 under the terms of the <a href="https://github.com/jekyll/jekyll/blob/master/LICENSE">MIT&nbsp;License</a>.</p>
+      <p>The contents of this website are <br />&copy;&nbsp;2020 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>