jekyll-docs 3.9.0 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (225) hide show
  1. checksums.yaml +4 -4
  2. data/lib/jekyll-docs.rb +3 -3
  3. data/site/404.html +10 -7
  4. data/site/css/screen.css +3 -1
  5. data/site/css/screen.css.map +28 -0
  6. data/site/docs/assets/index.html +412 -453
  7. data/site/docs/code_of_conduct/index.html +447 -501
  8. data/site/docs/collections/index.html +487 -674
  9. data/site/docs/community/bug/index.html +603 -0
  10. data/site/docs/community/index.html +635 -0
  11. data/site/docs/conduct/index.html +447 -515
  12. data/site/docs/configuration/default/index.html +682 -0
  13. data/site/docs/configuration/environments/index.html +641 -0
  14. data/site/docs/configuration/front-matter-defaults/index.html +738 -0
  15. data/site/docs/configuration/incremental-regeneration/index.html +631 -0
  16. data/site/docs/configuration/index.html +405 -1230
  17. data/site/docs/configuration/liquid/index.html +616 -0
  18. data/site/docs/configuration/markdown/index.html +766 -0
  19. data/site/docs/configuration/options/index.html +1011 -0
  20. data/site/docs/configuration/webrick/index.html +615 -0
  21. data/site/docs/continuous-integration/buddyworks/index.html +393 -479
  22. data/site/docs/continuous-integration/circleci/index.html +465 -481
  23. data/site/docs/continuous-integration/travis-ci/index.html +450 -507
  24. data/site/docs/contributing/index.html +425 -514
  25. data/site/docs/datafiles/index.html +411 -453
  26. data/site/docs/deployment-methods/index.html +9 -871
  27. data/site/docs/deployment/automated/index.html +663 -0
  28. data/site/docs/deployment/index.html +607 -0
  29. data/site/docs/deployment/manual/index.html +631 -0
  30. data/site/docs/deployment/third-party/index.html +639 -0
  31. data/site/docs/drafts/index.html +9 -634
  32. data/site/docs/extras/index.html +9 -687
  33. data/site/docs/front-matter/index.html +799 -0
  34. data/site/docs/frontmatter/index.html +9 -819
  35. data/site/docs/github-pages/index.html +407 -475
  36. data/site/docs/history/index.html +1370 -1154
  37. data/site/docs/home/index.html +9 -627
  38. data/site/docs/includes/index.html +425 -501
  39. data/site/docs/index.html +630 -9
  40. data/site/docs/installation/index.html +403 -540
  41. data/site/docs/installation/macos/index.html +716 -0
  42. data/site/docs/installation/other-linux/index.html +613 -0
  43. data/site/docs/installation/ubuntu/index.html +623 -0
  44. data/site/docs/installation/windows/index.html +733 -0
  45. data/site/docs/layouts/index.html +726 -0
  46. data/site/docs/liquid/filters/index.html +1169 -0
  47. data/site/docs/liquid/index.html +615 -0
  48. data/site/docs/liquid/tags/index.html +728 -0
  49. data/site/docs/maintaining/affinity-team-captain/index.html +395 -479
  50. data/site/docs/maintaining/avoiding-burnout/index.html +391 -475
  51. data/site/docs/maintaining/becoming-a-maintainer/index.html +391 -475
  52. data/site/docs/maintaining/index.html +391 -486
  53. data/site/docs/maintaining/merging-a-pull-request/index.html +406 -490
  54. data/site/docs/maintaining/releasing-a-new-version/index.html +409 -485
  55. data/site/docs/maintaining/reviewing-a-pull-request/index.html +392 -476
  56. data/site/docs/maintaining/special-labels/index.html +397 -481
  57. data/site/docs/maintaining/triaging-an-issue/index.html +394 -478
  58. data/site/docs/markdown-101/index.html +601 -0
  59. data/site/docs/migrations/index.html +396 -440
  60. data/site/docs/pages/index.html +408 -482
  61. data/site/docs/pagination/index.html +450 -509
  62. data/site/docs/permalinks/index.html +552 -587
  63. data/site/docs/plugins/commands/index.html +656 -0
  64. data/site/docs/plugins/converters/index.html +685 -0
  65. data/site/docs/plugins/filters/index.html +624 -0
  66. data/site/docs/plugins/generators/index.html +697 -0
  67. data/site/docs/plugins/hooks/index.html +838 -0
  68. data/site/docs/plugins/index.html +415 -1565
  69. data/site/docs/plugins/installation/index.html +681 -0
  70. data/site/docs/plugins/tags/index.html +699 -0
  71. data/site/docs/plugins/your-first-plugin/index.html +741 -0
  72. data/site/docs/posts/index.html +491 -627
  73. data/site/docs/quickstart/index.html +9 -645
  74. data/site/docs/resources/index.html +9 -761
  75. data/site/docs/ruby-101/index.html +640 -0
  76. data/site/docs/sites/index.html +9 -696
  77. data/site/docs/static-files/index.html +401 -433
  78. data/site/docs/step-by-step/01-setup/index.html +771 -0
  79. data/site/docs/step-by-step/02-liquid/index.html +756 -0
  80. data/site/docs/step-by-step/03-front-matter/index.html +730 -0
  81. data/site/docs/step-by-step/04-layouts/index.html +770 -0
  82. data/site/docs/step-by-step/05-includes/index.html +768 -0
  83. data/site/docs/step-by-step/06-data-files/index.html +738 -0
  84. data/site/docs/step-by-step/07-assets/index.html +773 -0
  85. data/site/docs/step-by-step/08-blogging/index.html +835 -0
  86. data/site/docs/step-by-step/09-collections/index.html +932 -0
  87. data/site/docs/step-by-step/10-deployment/index.html +842 -0
  88. data/site/docs/structure/index.html +411 -430
  89. data/site/docs/support/index.html +392 -476
  90. data/site/docs/templates/index.html +9 -1232
  91. data/site/docs/themes/index.html +487 -521
  92. data/site/docs/troubleshooting/index.html +443 -520
  93. data/site/docs/upgrading/0-to-2/index.html +437 -523
  94. data/site/docs/upgrading/2-to-3/index.html +422 -507
  95. data/site/docs/upgrading/3-to-4/index.html +765 -0
  96. data/site/docs/upgrading/index.html +395 -478
  97. data/site/docs/usage/index.html +409 -506
  98. data/site/docs/variables/index.html +504 -652
  99. data/site/docs/windows/index.html +9 -784
  100. data/site/feed.xml +269 -188
  101. data/site/feed/release.xml +324 -0
  102. data/site/fonts/lato-v14-latin-300.woff +0 -0
  103. data/site/fonts/lato-v14-latin-300.woff2 +0 -0
  104. data/site/fonts/lato-v14-latin-300italic.woff +0 -0
  105. data/site/fonts/lato-v14-latin-300italic.woff2 +0 -0
  106. data/site/fonts/lato-v14-latin-700.woff +0 -0
  107. data/site/fonts/lato-v14-latin-700.woff2 +0 -0
  108. data/site/fonts/lato-v14-latin-700italic.woff +0 -0
  109. data/site/fonts/lato-v14-latin-700italic.woff2 +0 -0
  110. data/site/fonts/lato-v14-latin-900.woff +0 -0
  111. data/site/fonts/lato-v14-latin-900.woff2 +0 -0
  112. data/site/fonts/lato-v14-latin-900italic.woff +0 -0
  113. data/site/fonts/lato-v14-latin-900italic.woff2 +0 -0
  114. data/site/fonts/lato-v14-latin-italic.woff +0 -0
  115. data/site/fonts/lato-v14-latin-italic.woff2 +0 -0
  116. data/site/fonts/lato-v14-latin-regular.woff +0 -0
  117. data/site/fonts/lato-v14-latin-regular.woff2 +0 -0
  118. data/site/help/index.html +9 -247
  119. data/site/img/forestry-logo.svg +19 -0
  120. data/site/img/jekyll-og.png +0 -0
  121. data/site/img/spacer.gif +0 -0
  122. data/site/index.html +56 -29
  123. data/site/jekyllconf/index.html +62 -35
  124. data/site/latest_version.txt +1 -1
  125. data/site/news/2013/05/05/jekyll-1-0-0-released/index.html +180 -115
  126. data/site/news/2013/05/08/jekyll-1-0-1-released/index.html +182 -117
  127. data/site/news/2013/05/12/jekyll-1-0-2-released/index.html +183 -118
  128. data/site/news/2013/06/07/jekyll-1-0-3-released/index.html +184 -119
  129. data/site/news/2013/07/14/jekyll-1-1-0-released/index.html +183 -118
  130. data/site/news/2013/07/24/jekyll-1-1-1-released/index.html +180 -115
  131. data/site/news/2013/07/25/jekyll-1-0-4-released/index.html +182 -117
  132. data/site/news/2013/07/25/jekyll-1-1-2-released/index.html +182 -117
  133. data/site/news/2013/09/06/jekyll-1-2-0-released/index.html +185 -120
  134. data/site/news/2013/09/14/jekyll-1-2-1-released/index.html +183 -118
  135. data/site/news/2013/10/28/jekyll-1-3-0-rc1-released/index.html +180 -115
  136. data/site/news/2013/11/04/jekyll-1-3-0-released/index.html +189 -124
  137. data/site/news/2013/11/26/jekyll-1-3-1-released/index.html +181 -116
  138. data/site/news/2013/12/07/jekyll-1-4-0-released/index.html +181 -116
  139. data/site/news/2013/12/09/jekyll-1-4-1-released/index.html +180 -115
  140. data/site/news/2013/12/16/jekyll-1-4-2-released/index.html +182 -117
  141. data/site/news/2014/01/13/jekyll-1-4-3-released/index.html +181 -116
  142. data/site/news/2014/03/24/jekyll-1-5-0-released/index.html +181 -116
  143. data/site/news/2014/03/27/jekyll-1-5-1-released/index.html +181 -116
  144. data/site/news/2014/05/06/jekyll-turns-2-0-0/index.html +184 -119
  145. data/site/news/2014/05/08/jekyll-2-0-3-released/index.html +180 -115
  146. data/site/news/2014/06/04/jekyll-stickers-1-dollar-stickermule/index.html +181 -116
  147. data/site/news/2014/06/28/jekyll-turns-21-i-mean-2-1-0/index.html +185 -120
  148. data/site/news/2014/07/01/jekyll-2-1-1-released/index.html +182 -117
  149. data/site/news/2014/07/29/jekyll-2-2-0-released/index.html +181 -116
  150. data/site/news/2014/08/10/jekyll-2-3-0-released/index.html +189 -124
  151. data/site/news/2014/09/09/jekyll-2-4-0-released/index.html +187 -122
  152. data/site/news/2014/11/05/jekylls-midlife-crisis-jekyll-turns-2-5-0/index.html +188 -123
  153. data/site/news/2014/11/09/jekyll-2-5-1-released/index.html +180 -115
  154. data/site/news/2014/11/12/jekyll-2-5-2-released/index.html +182 -117
  155. data/site/news/2014/12/17/alfredxing-welcome-to-jekyll-core/index.html +179 -114
  156. data/site/news/2014/12/22/jekyll-2-5-3-released/index.html +180 -115
  157. data/site/news/2015/01/20/jekyll-meet-and-greet/index.html +179 -114
  158. data/site/news/2015/01/24/jekyll-3-0-0-beta1-released/index.html +180 -115
  159. data/site/news/2015/02/26/introducing-jekyll-talk/index.html +180 -115
  160. data/site/news/2015/10/26/jekyll-3-0-released/index.html +185 -120
  161. data/site/news/2015/11/17/jekyll-3-0-1-released/index.html +184 -119
  162. data/site/news/2016/01/20/jekyll-3-0-2-released/index.html +182 -117
  163. data/site/news/2016/01/24/jekyll-3-1-0-released/index.html +186 -121
  164. data/site/news/2016/01/28/jekyll-3-1-1-released/index.html +183 -118
  165. data/site/news/2016/02/08/jekyll-3-0-3-released/index.html +181 -116
  166. data/site/news/2016/02/19/jekyll-3-1-2-released/index.html +182 -117
  167. data/site/news/2016/03/10/making-it-easier-to-contribute-to-jekyll/index.html +179 -114
  168. data/site/news/2016/04/19/jekyll-3-0-4-released/index.html +181 -116
  169. data/site/news/2016/04/19/jekyll-3-1-3-released/index.html +181 -116
  170. data/site/news/2016/04/26/jekyll-3-0-5-released/index.html +180 -115
  171. data/site/news/2016/05/18/jekyll-3-1-4-released/index.html +186 -121
  172. data/site/news/2016/05/18/jekyll-3-1-5-released/index.html +181 -116
  173. data/site/news/2016/05/19/jekyll-3-1-6-released/index.html +181 -116
  174. data/site/news/2016/06/03/update-on-jekyll-s-google-summer-of-code-projects/index.html +179 -114
  175. data/site/news/2016/07/26/jekyll-3-2-0-released/index.html +184 -119
  176. data/site/news/2016/08/02/jekyll-3-2-1-released/index.html +180 -115
  177. data/site/news/2016/08/24/jekyll-admin-initial-release/index.html +179 -114
  178. data/site/news/2016/10/06/jekyll-3-3-is-here/index.html +207 -142
  179. data/site/news/2016/11/14/jekyll-3-3-1-released/index.html +181 -116
  180. data/site/news/2017/01/18/jekyll-3-4-0-released/index.html +183 -118
  181. data/site/news/2017/03/02/jekyll-3-4-1-released/index.html +181 -116
  182. data/site/news/2017/03/09/jekyll-3-4-2-released/index.html +189 -124
  183. data/site/news/2017/03/21/jekyll-3-4-3-released/index.html +190 -125
  184. data/site/news/2017/06/15/jekyll-3-5-0-released/index.html +187 -122
  185. data/site/news/2017/07/17/jekyll-3-5-1-released/index.html +182 -117
  186. data/site/news/2017/08/12/jekyll-3-5-2-released/index.html +185 -120
  187. data/site/news/2017/09/21/jekyll-3-6-0-released/index.html +181 -116
  188. data/site/news/2017/10/19/diversity-open-source/index.html +181 -116
  189. data/site/news/2017/10/21/jekyll-3-6-2-released/index.html +183 -118
  190. data/site/news/2018/01/02/jekyll-3-7-0-released/index.html +184 -119
  191. data/site/news/2018/01/25/jekyll-3-7-2-released/index.html +189 -124
  192. data/site/news/2018/02/19/meet-jekyll-s-new-lead-developer/index.html +180 -115
  193. data/site/news/2018/02/24/jekyll-3-7-3-released/index.html +185 -120
  194. data/site/news/2018/04/19/development-update/index.html +699 -0
  195. data/site/news/2018/04/19/jekyll-3-8-0-released/index.html +715 -0
  196. data/site/news/2018/05/01/jekyll-3-8-1-released/index.html +182 -117
  197. data/site/news/2018/05/19/jekyll-3-8-2-released/index.html +181 -116
  198. data/site/news/2018/06/05/jekyll-3-8-3-released/index.html +183 -118
  199. data/site/news/2018/08/01/jekyll-sponsoring/index.html +748 -0
  200. data/site/news/2018/09/19/security-fixes-for-3-6-3-7-3-8/index.html +692 -0
  201. data/site/news/2018/11/04/jekyll-3-8-5-released/index.html +682 -0
  202. data/site/news/2019/03/18/jekyll-4-0-0-pre-alpha1-released/index.html +710 -0
  203. data/site/news/2019/07/02/jekyll-3-8-6-released/index.html +180 -115
  204. data/site/news/2019/07/20/jekyll-4-0-0-pre-beta1-released/index.html +11 -0
  205. data/site/news/2019/08/04/jekyll-4-0-0-pre-beta1-released/index.html +708 -0
  206. data/site/news/2019/08/20/jekyll-4-0-0-released/index.html +809 -0
  207. data/site/news/index.html +976 -326
  208. data/site/news/releases/index.html +820 -321
  209. data/site/{philosophy.html → philosophy/index.html} +1 -1
  210. data/site/redirects.json +1 -1
  211. data/site/resources/index.html +332 -0
  212. data/site/showcase/index.html +844 -0
  213. data/site/sitemap.xml +256 -81
  214. data/site/team/index.html +63 -77
  215. data/site/tutorials/cache-api/index.html +418 -0
  216. data/site/tutorials/convert-site-to-jekyll/index.html +155 -124
  217. data/site/tutorials/custom-404-page/index.html +76 -43
  218. data/site/tutorials/home/index.html +64 -37
  219. data/site/tutorials/navigation/index.html +186 -103
  220. data/site/tutorials/orderofinterpretation/index.html +80 -53
  221. data/site/tutorials/using-jekyll-with-bundler/index.html +80 -51
  222. data/site/tutorials/video-walkthroughs/index.html +62 -35
  223. metadata +102 -13
  224. data/site/community/index.html +0 -11
  225. data/site/docs/continuous-integration/index.html +0 -681
@@ -0,0 +1,770 @@
1
+ <!DOCTYPE HTML>
2
+ <html lang="en-US">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width,initial-scale=1">
6
+ <meta name="generator" content="Jekyll v4.0.0">
7
+ <link type="application/atom+xml" rel="alternate" href="https://jekyllrb.com/feed.xml" title="Jekyll • Simple, blog-aware, static sites" />
8
+ <link type="application/atom+xml" rel="alternate" href="/feed/release.xml" title="Jekyll releases posts" />
9
+ <link rel="alternate" type="application/atom+xml" title="Recent commits to Jekyll’s master branch" href="https://github.com/jekyll/jekyll/commits/master.atom">
10
+ <link rel="preload" href="/fonts/lato-v14-latin-300.woff2" as="font" type="font/woff2" crossorigin />
11
+ <link rel="preload" href="/fonts/lato-v14-latin-700.woff2" as="font" type="font/woff2" crossorigin />
12
+ <link rel="preload" href="/css/screen.css" as="style">
13
+ <link rel="stylesheet" href="/css/screen.css">
14
+ <link rel="icon" type="image/x-icon" href="/favicon.ico">
15
+ <!-- Begin Jekyll SEO tag v2.6.1 -->
16
+ <title>Layouts | Jekyll • Simple, blog-aware, static sites</title>
17
+ <meta name="generator" content="Jekyll v4.0.0" />
18
+ <meta property="og:title" content="Layouts" />
19
+ <meta property="og:locale" content="en_US" />
20
+ <meta name="description" content="Websites typically have more than one page and this website is no different." />
21
+ <meta property="og:description" content="Websites typically have more than one page and this website is no different." />
22
+ <link rel="canonical" href="https://jekyllrb.com/docs/step-by-step/04-layouts/" />
23
+ <meta property="og:url" content="https://jekyllrb.com/docs/step-by-step/04-layouts/" />
24
+ <meta property="og:site_name" content="Jekyll • Simple, blog-aware, static sites" />
25
+ <meta property="og:image" content="https://jekyllrb.com/img/jekyll-og.png" />
26
+ <meta property="og:type" content="article" />
27
+ <meta property="article:published_time" content="2019-09-11T07:30:27-07:00" />
28
+ <meta name="twitter:card" content="summary_large_image" />
29
+ <meta property="twitter:image" content="https://jekyllrb.com/img/jekyll-og.png" />
30
+ <meta property="twitter:title" content="Layouts" />
31
+ <meta name="twitter:site" content="@jekyllrb" />
32
+ <meta name="google-site-verification" content="onQcXpAvtHBrUI5LlroHNE_FP0b2qvFyPq7VZw36iEY" />
33
+ <script type="application/ld+json">
34
+ {"description":"Websites typically have more than one page and this website is no different.","@type":"BlogPosting","mainEntityOfPage":{"@type":"WebPage","@id":"https://jekyllrb.com/docs/step-by-step/04-layouts/"},"headline":"Layouts","dateModified":"2019-09-11T07:30:27-07:00","url":"https://jekyllrb.com/docs/step-by-step/04-layouts/","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>
35
+ <!-- End Jekyll SEO tag -->
36
+
37
+ <!--[if lt IE 9]>
38
+ <script src="/js/html5shiv.min.js"></script>
39
+ <script src="/js/respond.min.js"></script>
40
+ <![endif]-->
41
+ </head>
42
+
43
+
44
+ <body class="wrap">
45
+ <header>
46
+ <div class="flexbox">
47
+ <div class="center-on-mobiles">
48
+ <h1>
49
+ <a href="/" class="logo">
50
+ <span class="sr-only">Jekyll</span>
51
+ <img src="/img/logo-2x.png" width="140" height="65" alt="Jekyll Logo">
52
+ </a>
53
+ </h1>
54
+ </div>
55
+ <nav class="main-nav hide-on-mobiles">
56
+ <ul>
57
+
58
+ <li>
59
+ <a href="/">Home</a>
60
+ </li>
61
+
62
+ <li class="current">
63
+ <a href="/docs/">Docs</a>
64
+ </li>
65
+
66
+ <li>
67
+ <a href="/resources/">Resources</a>
68
+ </li>
69
+
70
+ <li>
71
+ <a href="/showcase/">Showcase</a>
72
+ </li>
73
+
74
+ <li>
75
+ <a href="/news/">News</a>
76
+ </li>
77
+
78
+ </ul>
79
+
80
+ </nav>
81
+ <div class="search hide-on-mobiles">
82
+ <input type="text" id="docsearch-input" placeholder="Search the docs…">
83
+
84
+ </div>
85
+ <div class="meta hide-on-mobiles">
86
+ <ul>
87
+ <li>
88
+ <a href="https://github.com/jekyll/jekyll/releases/tag/v4.0.0">v4.0.0</a>
89
+ </li>
90
+ <li>
91
+ <a href="https://github.com/jekyll/jekyll">GitHub</a>
92
+ </li>
93
+ </ul>
94
+ </div>
95
+ </div>
96
+ <nav class="mobile-nav show-on-mobiles">
97
+ <ul>
98
+
99
+ <li>
100
+ <a href="/">Home</a>
101
+ </li>
102
+
103
+ <li class="current">
104
+ <a href="/docs/">Docs</a>
105
+ </li>
106
+
107
+ <li>
108
+ <a href="/resources/">Resources</a>
109
+ </li>
110
+
111
+
112
+ <li>
113
+ <a href="/news/">News</a>
114
+ </li>
115
+
116
+ <li>
117
+ <a href="https://github.com/jekyll/jekyll">GitHub</a>
118
+ </li>
119
+ </ul>
120
+
121
+ </nav>
122
+ </header>
123
+
124
+
125
+ <section class="docs">
126
+ <div class="grid">
127
+
128
+ <div class="docs-nav-mobile unit whole show-on-mobiles">
129
+ <select onchange="if (this.value) window.location.href=this.value">
130
+ <option value="">Navigate the docs…</option>
131
+
132
+ <optgroup label="Getting Started">
133
+
134
+
135
+ <option value="/docs/">
136
+ Quickstart
137
+ </option>
138
+
139
+
140
+ <option value="/docs/ruby-101/">
141
+ Ruby 101
142
+ </option>
143
+
144
+
145
+ <option value="/docs/installation/">
146
+ Installation
147
+ </option>
148
+
149
+
150
+ <option value="/docs/community/">
151
+ Community
152
+ </option>
153
+
154
+
155
+ <option value="/docs/step-by-step/01-setup/">
156
+ Step by Step Tutorial
157
+ </option>
158
+
159
+ </optgroup>
160
+
161
+ <optgroup label="Build">
162
+
163
+
164
+ <option value="/docs/usage/">
165
+ Command Line Usage
166
+ </option>
167
+
168
+
169
+ <option value="/docs/configuration/">
170
+ Configuration
171
+ </option>
172
+
173
+ </optgroup>
174
+
175
+ <optgroup label="Content">
176
+
177
+
178
+ <option value="/docs/pages/">
179
+ Pages
180
+ </option>
181
+
182
+
183
+ <option value="/docs/posts/">
184
+ Posts
185
+ </option>
186
+
187
+
188
+ <option value="/docs/front-matter/">
189
+ Front Matter
190
+ </option>
191
+
192
+
193
+ <option value="/docs/collections/">
194
+ Collections
195
+ </option>
196
+
197
+
198
+ <option value="/docs/datafiles/">
199
+ Data Files
200
+ </option>
201
+
202
+
203
+ <option value="/docs/assets/">
204
+ Assets
205
+ </option>
206
+
207
+
208
+ <option value="/docs/static-files/">
209
+ Static Files
210
+ </option>
211
+
212
+ </optgroup>
213
+
214
+ <optgroup label="Site Structure">
215
+
216
+
217
+ <option value="/docs/structure/">
218
+ Directory Structure
219
+ </option>
220
+
221
+
222
+ <option value="/docs/liquid/">
223
+ Liquid
224
+ </option>
225
+
226
+
227
+ <option value="/docs/variables/">
228
+ Variables
229
+ </option>
230
+
231
+
232
+ <option value="/docs/includes/">
233
+ Includes
234
+ </option>
235
+
236
+
237
+ <option value="/docs/layouts/">
238
+ Layouts
239
+ </option>
240
+
241
+
242
+ <option value="/docs/permalinks/">
243
+ Permalinks
244
+ </option>
245
+
246
+
247
+ <option value="/docs/themes/">
248
+ Themes
249
+ </option>
250
+
251
+
252
+ <option value="/docs/pagination/">
253
+ Pagination
254
+ </option>
255
+
256
+ </optgroup>
257
+
258
+ <optgroup label="Guides">
259
+
260
+
261
+ <option value="/docs/plugins/">
262
+ Plugins
263
+ </option>
264
+
265
+
266
+ <option value="/docs/migrations/">
267
+ Blog Migrations
268
+ </option>
269
+
270
+
271
+ <option value="/docs/upgrading/">
272
+ Upgrading
273
+ </option>
274
+
275
+
276
+ <option value="/docs/deployment/">
277
+ Deployment
278
+ </option>
279
+
280
+ </optgroup>
281
+
282
+ </select>
283
+ </div>
284
+
285
+
286
+ <div class="unit four-fifths">
287
+ <article>
288
+ <div class="improve right hide-on-mobiles">
289
+ <a data-proofer-ignore href="https://github.com/jekyll/jekyll/edit/master/docs/_docs/step-by-step/04-layouts.md"><i class="fa fa-pencil"></i> &nbsp;Improve this page</a>
290
+ </div>
291
+ <h1>Step by Step Tutorial</h1>
292
+ <h2>4. Layouts</h2>
293
+ <p>Websites typically have more than one page and this website is no different.</p>
294
+
295
+ <p>Jekyll supports <a href="https://daringfireball.net/projects/markdown/syntax">Markdown</a>
296
+ as well as HTML for pages. Markdown is a great choice for pages with a simple
297
+ content structure (just paragraphs, headings and images), as it’s less verbose
298
+ than raw HTML. Let’s try it out on the next page.</p>
299
+
300
+ <p>Create <code class="highlighter-rouge">about.md</code> in the root.</p>
301
+
302
+ <p>For the structure you could copy <code class="highlighter-rouge">index.html</code> and modify it for the about page.
303
+ The problem with doing this is duplicate code. Let’s say you wanted to add a
304
+ stylesheet to your site, you would have to go to each page and add it to the
305
+ <code class="highlighter-rouge">&lt;head&gt;</code>. It might not sound so bad for a two page site, imagine doing it
306
+ for 100 pages. Even simple changes will take a long time to make.</p>
307
+
308
+ <h2 id="creating-a-layout">Creating a layout</h2>
309
+
310
+ <p>Using a layout is a much better choice. Layouts are templates that wrap around
311
+ your content. They live in a directory called <code class="highlighter-rouge">_layouts</code>.</p>
312
+
313
+ <p>Create your first layout at <code class="highlighter-rouge">_layouts/default.html</code> with the following content:</p>
314
+
315
+ <div class="language-liquid highlighter-rouge"><div class="highlight"><pre class="highlight"><code>&lt;!doctype html&gt;
316
+ &lt;html&gt;
317
+ &lt;head&gt;
318
+ &lt;meta charset="utf-8"&gt;
319
+ &lt;title&gt;<span class="p">{{</span><span class="w"> </span><span class="nv">page</span><span class="p">.</span><span class="nv">title</span><span class="w"> </span><span class="p">}}</span>&lt;/title&gt;
320
+ &lt;/head&gt;
321
+ &lt;body&gt;
322
+ <span class="p">{{</span><span class="w"> </span><span class="nv">content</span><span class="w"> </span><span class="p">}}</span>
323
+ &lt;/body&gt;
324
+ &lt;/html&gt;
325
+ </code></pre></div></div>
326
+
327
+ <p>You’ll notice this is almost identical to <code class="highlighter-rouge">index.html</code> except there’s
328
+ no front matter and the content of the page is replaced with a <code class="highlighter-rouge">content</code>
329
+ variable. <code class="highlighter-rouge">content</code> is a special variable which has the value of the rendered
330
+ content of the page it’s called on.</p>
331
+
332
+ <p>To have <code class="highlighter-rouge">index.html</code> use this layout, you can set a <code class="highlighter-rouge">layout</code> variable in front
333
+ matter. The layout wraps around the content of the page so all you need in
334
+ <code class="highlighter-rouge">index.html</code> is:</p>
335
+
336
+ <div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code>---
337
+ layout: default
338
+ title: Home
339
+ ---
340
+ <span class="nt">&lt;h1&gt;</span>{{ "Hello World!" | downcase }}<span class="nt">&lt;/h1&gt;</span>
341
+ </code></pre></div></div>
342
+
343
+ <p>After doing this, the output will be exactly the same as before. Note that you
344
+ can access the <code class="highlighter-rouge">page</code> front matter from the layout. In this case <code class="highlighter-rouge">title</code> is
345
+ set in the index page’s front matter but is output in the layout.</p>
346
+
347
+ <h2 id="about-page">About page</h2>
348
+
349
+ <p>Back to the about page, instead of copying from <code class="highlighter-rouge">index.html</code>, you can use the
350
+ layout.</p>
351
+
352
+ <p>Add the following to <code class="highlighter-rouge">about.md</code>:</p>
353
+
354
+ <div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code>---
355
+ layout: default
356
+ title: About
357
+ ---
358
+ # About page
359
+
360
+ This page tells you a little bit about me.
361
+ </code></pre></div></div>
362
+
363
+ <p>Open <a href="http://localhost:4000/about.html" target="_blank" data-proofer-ignore="">http://localhost:4000/about.html</a>
364
+ in your browser and view your new page.</p>
365
+
366
+ <p>Congratulations, you now have a two page website! But how do you
367
+ navigate from one page to another? Keep reading to find out.</p>
368
+
369
+
370
+
371
+
372
+
373
+
374
+
375
+
376
+
377
+
378
+
379
+
380
+
381
+
382
+ <div class="section-nav">
383
+ <div class="left align-right">
384
+
385
+
386
+ <a href="/docs/step-by-step/03-front-matter/" class="prev">Back</a>
387
+
388
+ </div>
389
+ <div class="right align-left">
390
+
391
+
392
+ <a href="/docs/step-by-step/05-includes/" class="next">Next</a>
393
+
394
+ </div>
395
+ </div>
396
+ <div class="clear"></div>
397
+
398
+
399
+ <ol class="step-nav">
400
+
401
+ <li >
402
+ <a href="/docs/step-by-step/01-setup/">
403
+ Setup
404
+ </a>
405
+ </li>
406
+
407
+ <li >
408
+ <a href="/docs/step-by-step/02-liquid/">
409
+ Liquid
410
+ </a>
411
+ </li>
412
+
413
+ <li >
414
+ <a href="/docs/step-by-step/03-front-matter/">
415
+ Front Matter
416
+ </a>
417
+ </li>
418
+
419
+ <li class="current">
420
+ <a href="/docs/step-by-step/04-layouts/">
421
+ Layouts
422
+ </a>
423
+ </li>
424
+
425
+ <li >
426
+ <a href="/docs/step-by-step/05-includes/">
427
+ Includes
428
+ </a>
429
+ </li>
430
+
431
+ <li >
432
+ <a href="/docs/step-by-step/06-data-files/">
433
+ Data Files
434
+ </a>
435
+ </li>
436
+
437
+ <li >
438
+ <a href="/docs/step-by-step/07-assets/">
439
+ Assets
440
+ </a>
441
+ </li>
442
+
443
+ <li >
444
+ <a href="/docs/step-by-step/08-blogging/">
445
+ Blogging
446
+ </a>
447
+ </li>
448
+
449
+ <li >
450
+ <a href="/docs/step-by-step/09-collections/">
451
+ Collections
452
+ </a>
453
+ </li>
454
+
455
+ <li >
456
+ <a href="/docs/step-by-step/10-deployment/">
457
+ Deployment
458
+ </a>
459
+ </li>
460
+
461
+ </ol>
462
+
463
+ </article>
464
+ </div>
465
+
466
+ <div class="unit one-fifth hide-on-mobiles">
467
+ <aside>
468
+
469
+ <h4>Getting Started</h4>
470
+ <ul>
471
+
472
+
473
+ <li>
474
+ <a href="/docs/">
475
+ Quickstart
476
+ </a>
477
+ </li>
478
+
479
+
480
+ <li>
481
+ <a href="/docs/ruby-101/">
482
+ Ruby 101
483
+ </a>
484
+ </li>
485
+
486
+
487
+ <li>
488
+ <a href="/docs/installation/">
489
+ Installation
490
+ </a>
491
+ </li>
492
+
493
+
494
+ <li>
495
+ <a href="/docs/community/">
496
+ Community
497
+ </a>
498
+ </li>
499
+
500
+
501
+ <li>
502
+ <a href="/docs/step-by-step/01-setup/">
503
+ Step by Step Tutorial
504
+ </a>
505
+ </li>
506
+
507
+ </ul>
508
+
509
+ <h4>Build</h4>
510
+ <ul>
511
+
512
+
513
+ <li>
514
+ <a href="/docs/usage/">
515
+ Command Line Usage
516
+ </a>
517
+ </li>
518
+
519
+
520
+ <li>
521
+ <a href="/docs/configuration/">
522
+ Configuration
523
+ </a>
524
+ </li>
525
+
526
+ </ul>
527
+
528
+ <h4>Content</h4>
529
+ <ul>
530
+
531
+
532
+ <li>
533
+ <a href="/docs/pages/">
534
+ Pages
535
+ </a>
536
+ </li>
537
+
538
+
539
+ <li>
540
+ <a href="/docs/posts/">
541
+ Posts
542
+ </a>
543
+ </li>
544
+
545
+
546
+ <li>
547
+ <a href="/docs/front-matter/">
548
+ Front Matter
549
+ </a>
550
+ </li>
551
+
552
+
553
+ <li>
554
+ <a href="/docs/collections/">
555
+ Collections
556
+ </a>
557
+ </li>
558
+
559
+
560
+ <li>
561
+ <a href="/docs/datafiles/">
562
+ Data Files
563
+ </a>
564
+ </li>
565
+
566
+
567
+ <li>
568
+ <a href="/docs/assets/">
569
+ Assets
570
+ </a>
571
+ </li>
572
+
573
+
574
+ <li>
575
+ <a href="/docs/static-files/">
576
+ Static Files
577
+ </a>
578
+ </li>
579
+
580
+ </ul>
581
+
582
+ <h4>Site Structure</h4>
583
+ <ul>
584
+
585
+
586
+ <li>
587
+ <a href="/docs/structure/">
588
+ Directory Structure
589
+ </a>
590
+ </li>
591
+
592
+
593
+ <li>
594
+ <a href="/docs/liquid/">
595
+ Liquid
596
+ </a>
597
+ </li>
598
+
599
+
600
+ <li>
601
+ <a href="/docs/variables/">
602
+ Variables
603
+ </a>
604
+ </li>
605
+
606
+
607
+ <li>
608
+ <a href="/docs/includes/">
609
+ Includes
610
+ </a>
611
+ </li>
612
+
613
+
614
+ <li>
615
+ <a href="/docs/layouts/">
616
+ Layouts
617
+ </a>
618
+ </li>
619
+
620
+
621
+ <li>
622
+ <a href="/docs/permalinks/">
623
+ Permalinks
624
+ </a>
625
+ </li>
626
+
627
+
628
+ <li>
629
+ <a href="/docs/themes/">
630
+ Themes
631
+ </a>
632
+ </li>
633
+
634
+
635
+ <li>
636
+ <a href="/docs/pagination/">
637
+ Pagination
638
+ </a>
639
+ </li>
640
+
641
+ </ul>
642
+
643
+ <h4>Guides</h4>
644
+ <ul>
645
+
646
+
647
+ <li>
648
+ <a href="/docs/plugins/">
649
+ Plugins
650
+ </a>
651
+ </li>
652
+
653
+
654
+ <li>
655
+ <a href="/docs/migrations/">
656
+ Blog Migrations
657
+ </a>
658
+ </li>
659
+
660
+
661
+ <li>
662
+ <a href="/docs/upgrading/">
663
+ Upgrading
664
+ </a>
665
+ </li>
666
+
667
+
668
+ <li>
669
+ <a href="/docs/deployment/">
670
+ Deployment
671
+ </a>
672
+ </li>
673
+
674
+ </ul>
675
+
676
+ </aside>
677
+ </div>
678
+
679
+
680
+ <div class="clear"></div>
681
+
682
+ </div>
683
+ </section>
684
+
685
+
686
+ <footer>
687
+ <div class="grid">
688
+ <div class="unit one-third center-on-mobiles">
689
+ <p>Jekyll is lovingly maintained by the <a href="/team/">core team</a> of volunteers. </p>
690
+ <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>
691
+ </div>
692
+ <div class="unit two-thirds align-right center-on-mobiles">
693
+ <p>
694
+ Proudly hosted by
695
+ <a href="https://github.com">
696
+ <img src="/img/footer-logo.png" width="100" height="30" alt="GitHub • Social coding">
697
+ </a>
698
+ </p>
699
+ </div>
700
+ <div class="unit two-thirds align-right center-on-mobiles">
701
+ <p>
702
+ Jekyll is funded thanks to its
703
+ <a href="https://github.com/jekyll/jekyll#sponsors">
704
+ sponsors!
705
+ </a>
706
+ </p>
707
+ </div>
708
+ </div>
709
+ </footer>
710
+
711
+ <script>
712
+ var anchorForId = function (id) {
713
+ var anchor = document.createElement("a");
714
+ anchor.className = "header-link";
715
+ anchor.href = "#" + id;
716
+ anchor.innerHTML = "<span class=\"sr-only\">Permalink</span><i class=\"fa fa-link\"></i>";
717
+ anchor.title = "Permalink";
718
+ return anchor;
719
+ };
720
+
721
+ var linkifyAnchors = function (level, containingElement) {
722
+ var headers = containingElement.getElementsByTagName("h" + level);
723
+ for (var h = 0; h < headers.length; h++) {
724
+ var header = headers[h];
725
+
726
+ if (typeof header.id !== "undefined" && header.id !== "") {
727
+ header.appendChild(anchorForId(header.id));
728
+ }
729
+ }
730
+ };
731
+
732
+ document.onreadystatechange = function () {
733
+ if (this.readyState === "complete") {
734
+ var contentBlock = document.getElementsByClassName("docs")[0] || document.getElementsByClassName("news")[0];
735
+ if (!contentBlock) {
736
+ return;
737
+ }
738
+ for (var level = 1; level <= 6; level++) {
739
+ linkifyAnchors(level, contentBlock);
740
+ }
741
+ }
742
+ };
743
+ </script>
744
+
745
+
746
+ <!-- Google Analytics (https://www.google.com/analytics) -->
747
+ <script>
748
+ !function(j,e,k,y,l,L){j.GoogleAnalyticsObject=y,j[y]||(j[y]=function(){
749
+ (j[y].q=j[y].q||[]).push(arguments)}),j[y].l=+new Date,l=e.createElement(k),
750
+ L=e.getElementsByTagName(k)[0],l.src='https://www.google-analytics.com/analytics.js',
751
+ L.parentNode.insertBefore(l,L)}(window,document,'script','ga');
752
+
753
+ ga('create', 'UA-50755011-1', 'jekyllrb.com');
754
+ ga('send', 'pageview');
755
+
756
+ </script>
757
+
758
+
759
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
760
+ <script type="text/javascript"> docsearch({
761
+ apiKey: '50fe39c839958dfad797000f33e2ec17',
762
+ indexName: 'jekyllrb',
763
+ inputSelector: '#docsearch-input',
764
+ enhancedSearchInput: true,
765
+ debug: false // Set debug to true if you want to inspect the dropdown
766
+ });
767
+ </script>
768
+
769
+ </body>
770
+ </html>