jekyll-docs 3.9.0 → 4.0.0

Sign up to get free protection for your applications and to get access to all the features.
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,726 @@
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="placeholder" />
21
+ <meta property="og:description" content="placeholder" />
22
+ <link rel="canonical" href="https://jekyllrb.com/docs/layouts/" />
23
+ <meta property="og:url" content="https://jekyllrb.com/docs/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":"placeholder","@type":"BlogPosting","mainEntityOfPage":{"@type":"WebPage","@id":"https://jekyllrb.com/docs/layouts/"},"headline":"Layouts","dateModified":"2019-09-11T07:30:27-07:00","url":"https://jekyllrb.com/docs/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/layouts.md"><i class="fa fa-pencil"></i> &nbsp;Improve this page</a>
290
+ </div>
291
+ <h1>Layouts</h1>
292
+ <p>Layouts are templates that wrap around your content. They allow you to have the
293
+ source code for your template in one place so you don’t have to repeat things
294
+ like your navigation and footer on every page.</p>
295
+
296
+ <p>Layouts live in the <code class="highlighter-rouge">_layouts</code> directory. The convention is to have a base
297
+ template called <code class="highlighter-rouge">default.html</code> and have other layouts <a href="#inheritance">inherit</a>
298
+ from this as needed.</p>
299
+
300
+ <div class="note">
301
+ <h5>Layouts Directory</h5>
302
+ <p>
303
+ Jekyll looks for the <code>_layouts</code> directory either at the root of
304
+ your site's <code>source</code> or at the root of your theme.
305
+ </p>
306
+ <p>
307
+ While you can configure the directory name in which your layouts can reside by
308
+ setting the <code>layouts_dir</code> key in your config file, the directory
309
+ itself should be located at the root of your site's <code>source</code> directory.
310
+ </p>
311
+ </div>
312
+
313
+ <h2 id="usage">Usage</h2>
314
+
315
+ <p>The first step is to put the template source code in <code class="highlighter-rouge">default.html</code>. <code class="highlighter-rouge">content</code>
316
+ is a special variable, the value is the rendered content of the post or page
317
+ being wrapped.</p>
318
+
319
+ <div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="cp">&lt;!doctype html&gt;</span>
320
+ <span class="nt">&lt;html</span> <span class="na">lang=</span><span class="s">"en"</span><span class="nt">&gt;</span>
321
+ <span class="nt">&lt;head&gt;</span>
322
+ <span class="nt">&lt;meta</span> <span class="na">charset=</span><span class="s">"utf-8"</span><span class="nt">&gt;</span>
323
+ <span class="nt">&lt;title&gt;</span>{{ page.title }}<span class="nt">&lt;/title&gt;</span>
324
+ <span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"/css/style.css"</span><span class="nt">&gt;</span>
325
+ <span class="nt">&lt;/head&gt;</span>
326
+ <span class="nt">&lt;body&gt;</span>
327
+ <span class="nt">&lt;nav&gt;</span>
328
+ <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"/"</span><span class="nt">&gt;</span>Home<span class="nt">&lt;/a&gt;</span>
329
+ <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"/blog/"</span><span class="nt">&gt;</span>Blog<span class="nt">&lt;/a&gt;</span>
330
+ <span class="nt">&lt;/nav&gt;</span>
331
+ <span class="nt">&lt;h1&gt;</span>{{ page.title }}<span class="nt">&lt;/h1&gt;</span>
332
+ <span class="nt">&lt;section&gt;</span>
333
+ {{ content }}
334
+ <span class="nt">&lt;/section&gt;</span>
335
+ <span class="nt">&lt;footer&gt;</span>
336
+ <span class="ni">&amp;copy;</span> to me
337
+ <span class="nt">&lt;/footer&gt;</span>
338
+ <span class="nt">&lt;/body&gt;</span>
339
+ <span class="nt">&lt;/html&gt;</span>
340
+ </code></pre></div></div>
341
+
342
+ <p>You have full access to the front matter of the origin. In the
343
+ example above, <code class="highlighter-rouge">page.title</code> comes from the page front matter.</p>
344
+
345
+ <p>Next you need to specify what layout you’re using in your page’s front matter.
346
+ You can also use
347
+ <a href="/docs/configuration/front-matter-defaults/">front matter defaults</a> to save you
348
+ from having to set this on every page.</p>
349
+
350
+ <div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>---
351
+ title: My First Page
352
+ layout: default
353
+ ---
354
+
355
+ This is the content of my page
356
+ </code></pre></div></div>
357
+
358
+ <p>The rendered output of this page is:</p>
359
+
360
+ <div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="cp">&lt;!doctype html&gt;</span>
361
+ <span class="nt">&lt;html</span> <span class="na">lang=</span><span class="s">"en"</span><span class="nt">&gt;</span>
362
+ <span class="nt">&lt;head&gt;</span>
363
+ <span class="nt">&lt;meta</span> <span class="na">charset=</span><span class="s">"utf-8"</span><span class="nt">&gt;</span>
364
+ <span class="nt">&lt;title&gt;</span>My First Page<span class="nt">&lt;/title&gt;</span>
365
+ <span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"/css/style.css"</span><span class="nt">&gt;</span>
366
+ <span class="nt">&lt;/head&gt;</span>
367
+ <span class="nt">&lt;body&gt;</span>
368
+ <span class="nt">&lt;nav&gt;</span>
369
+ <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"/"</span><span class="nt">&gt;</span>Home<span class="nt">&lt;/a&gt;</span>
370
+ <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"/blog/"</span><span class="nt">&gt;</span>Blog<span class="nt">&lt;/a&gt;</span>
371
+ <span class="nt">&lt;/nav&gt;</span>
372
+ <span class="nt">&lt;h1&gt;</span>My First Page<span class="nt">&lt;/h1&gt;</span>
373
+ <span class="nt">&lt;section&gt;</span>
374
+ This is the content of my page
375
+ <span class="nt">&lt;/section&gt;</span>
376
+ <span class="nt">&lt;footer&gt;</span>
377
+ <span class="ni">&amp;copy;</span> to me
378
+ <span class="nt">&lt;/footer&gt;</span>
379
+ <span class="nt">&lt;/body&gt;</span>
380
+ <span class="nt">&lt;/html&gt;</span>
381
+ </code></pre></div></div>
382
+
383
+ <h2 id="inheritance">Inheritance</h2>
384
+
385
+ <p>Layout inheritance is useful when you want to add something to an existing
386
+ layout for a portion of documents on your site. A common example of this is
387
+ blog posts, you might want a post to display the date and author but otherwise
388
+ be identical to your base layout.</p>
389
+
390
+ <p>To achieve this you need to create another layout which specifies your original
391
+ layout in front matter. For example this layout will live at
392
+ <code class="highlighter-rouge">_layouts/post.html</code>:</p>
393
+
394
+ <div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>---
395
+ layout: default
396
+ ---
397
+ &lt;p&gt;{{ page.date }} - Written by {{ page.author }}&lt;/p&gt;
398
+
399
+ {{ content }}
400
+ </code></pre></div></div>
401
+
402
+ <p>Now posts can use this layout while the rest of the pages use the default.</p>
403
+
404
+ <h2 id="variables">Variables</h2>
405
+
406
+ <p>You can set front matter in layouts, the only difference is when you’re
407
+ using in Liquid, you need to use the <code class="highlighter-rouge">layout</code> variable instead of <code class="highlighter-rouge">page</code>. For
408
+ example:</p>
409
+
410
+ <div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>---
411
+ city: San Francisco
412
+ ---
413
+ &lt;p&gt;{{ layout.city }}&lt;/p&gt;
414
+
415
+ {{ content }}
416
+ </code></pre></div></div>
417
+
418
+
419
+ </article>
420
+ </div>
421
+
422
+ <div class="unit one-fifth hide-on-mobiles">
423
+ <aside>
424
+
425
+ <h4>Getting Started</h4>
426
+ <ul>
427
+
428
+
429
+ <li>
430
+ <a href="/docs/">
431
+ Quickstart
432
+ </a>
433
+ </li>
434
+
435
+
436
+ <li>
437
+ <a href="/docs/ruby-101/">
438
+ Ruby 101
439
+ </a>
440
+ </li>
441
+
442
+
443
+ <li>
444
+ <a href="/docs/installation/">
445
+ Installation
446
+ </a>
447
+ </li>
448
+
449
+
450
+ <li>
451
+ <a href="/docs/community/">
452
+ Community
453
+ </a>
454
+ </li>
455
+
456
+
457
+ <li>
458
+ <a href="/docs/step-by-step/01-setup/">
459
+ Step by Step Tutorial
460
+ </a>
461
+ </li>
462
+
463
+ </ul>
464
+
465
+ <h4>Build</h4>
466
+ <ul>
467
+
468
+
469
+ <li>
470
+ <a href="/docs/usage/">
471
+ Command Line Usage
472
+ </a>
473
+ </li>
474
+
475
+
476
+ <li>
477
+ <a href="/docs/configuration/">
478
+ Configuration
479
+ </a>
480
+ </li>
481
+
482
+ </ul>
483
+
484
+ <h4>Content</h4>
485
+ <ul>
486
+
487
+
488
+ <li>
489
+ <a href="/docs/pages/">
490
+ Pages
491
+ </a>
492
+ </li>
493
+
494
+
495
+ <li>
496
+ <a href="/docs/posts/">
497
+ Posts
498
+ </a>
499
+ </li>
500
+
501
+
502
+ <li>
503
+ <a href="/docs/front-matter/">
504
+ Front Matter
505
+ </a>
506
+ </li>
507
+
508
+
509
+ <li>
510
+ <a href="/docs/collections/">
511
+ Collections
512
+ </a>
513
+ </li>
514
+
515
+
516
+ <li>
517
+ <a href="/docs/datafiles/">
518
+ Data Files
519
+ </a>
520
+ </li>
521
+
522
+
523
+ <li>
524
+ <a href="/docs/assets/">
525
+ Assets
526
+ </a>
527
+ </li>
528
+
529
+
530
+ <li>
531
+ <a href="/docs/static-files/">
532
+ Static Files
533
+ </a>
534
+ </li>
535
+
536
+ </ul>
537
+
538
+ <h4>Site Structure</h4>
539
+ <ul>
540
+
541
+
542
+ <li>
543
+ <a href="/docs/structure/">
544
+ Directory Structure
545
+ </a>
546
+ </li>
547
+
548
+
549
+ <li>
550
+ <a href="/docs/liquid/">
551
+ Liquid
552
+ </a>
553
+ </li>
554
+
555
+
556
+ <li>
557
+ <a href="/docs/variables/">
558
+ Variables
559
+ </a>
560
+ </li>
561
+
562
+
563
+ <li>
564
+ <a href="/docs/includes/">
565
+ Includes
566
+ </a>
567
+ </li>
568
+
569
+
570
+ <li class="current">
571
+ <a href="/docs/layouts/">
572
+ Layouts
573
+ </a>
574
+ </li>
575
+
576
+
577
+ <li>
578
+ <a href="/docs/permalinks/">
579
+ Permalinks
580
+ </a>
581
+ </li>
582
+
583
+
584
+ <li>
585
+ <a href="/docs/themes/">
586
+ Themes
587
+ </a>
588
+ </li>
589
+
590
+
591
+ <li>
592
+ <a href="/docs/pagination/">
593
+ Pagination
594
+ </a>
595
+ </li>
596
+
597
+ </ul>
598
+
599
+ <h4>Guides</h4>
600
+ <ul>
601
+
602
+
603
+ <li>
604
+ <a href="/docs/plugins/">
605
+ Plugins
606
+ </a>
607
+ </li>
608
+
609
+
610
+ <li>
611
+ <a href="/docs/migrations/">
612
+ Blog Migrations
613
+ </a>
614
+ </li>
615
+
616
+
617
+ <li>
618
+ <a href="/docs/upgrading/">
619
+ Upgrading
620
+ </a>
621
+ </li>
622
+
623
+
624
+ <li>
625
+ <a href="/docs/deployment/">
626
+ Deployment
627
+ </a>
628
+ </li>
629
+
630
+ </ul>
631
+
632
+ </aside>
633
+ </div>
634
+
635
+
636
+ <div class="clear"></div>
637
+
638
+ </div>
639
+ </section>
640
+
641
+
642
+ <footer>
643
+ <div class="grid">
644
+ <div class="unit one-third center-on-mobiles">
645
+ <p>Jekyll is lovingly maintained by the <a href="/team/">core team</a> of volunteers. </p>
646
+ <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>
647
+ </div>
648
+ <div class="unit two-thirds align-right center-on-mobiles">
649
+ <p>
650
+ Proudly hosted by
651
+ <a href="https://github.com">
652
+ <img src="/img/footer-logo.png" width="100" height="30" alt="GitHub • Social coding">
653
+ </a>
654
+ </p>
655
+ </div>
656
+ <div class="unit two-thirds align-right center-on-mobiles">
657
+ <p>
658
+ Jekyll is funded thanks to its
659
+ <a href="https://github.com/jekyll/jekyll#sponsors">
660
+ sponsors!
661
+ </a>
662
+ </p>
663
+ </div>
664
+ </div>
665
+ </footer>
666
+
667
+ <script>
668
+ var anchorForId = function (id) {
669
+ var anchor = document.createElement("a");
670
+ anchor.className = "header-link";
671
+ anchor.href = "#" + id;
672
+ anchor.innerHTML = "<span class=\"sr-only\">Permalink</span><i class=\"fa fa-link\"></i>";
673
+ anchor.title = "Permalink";
674
+ return anchor;
675
+ };
676
+
677
+ var linkifyAnchors = function (level, containingElement) {
678
+ var headers = containingElement.getElementsByTagName("h" + level);
679
+ for (var h = 0; h < headers.length; h++) {
680
+ var header = headers[h];
681
+
682
+ if (typeof header.id !== "undefined" && header.id !== "") {
683
+ header.appendChild(anchorForId(header.id));
684
+ }
685
+ }
686
+ };
687
+
688
+ document.onreadystatechange = function () {
689
+ if (this.readyState === "complete") {
690
+ var contentBlock = document.getElementsByClassName("docs")[0] || document.getElementsByClassName("news")[0];
691
+ if (!contentBlock) {
692
+ return;
693
+ }
694
+ for (var level = 1; level <= 6; level++) {
695
+ linkifyAnchors(level, contentBlock);
696
+ }
697
+ }
698
+ };
699
+ </script>
700
+
701
+
702
+ <!-- Google Analytics (https://www.google.com/analytics) -->
703
+ <script>
704
+ !function(j,e,k,y,l,L){j.GoogleAnalyticsObject=y,j[y]||(j[y]=function(){
705
+ (j[y].q=j[y].q||[]).push(arguments)}),j[y].l=+new Date,l=e.createElement(k),
706
+ L=e.getElementsByTagName(k)[0],l.src='https://www.google-analytics.com/analytics.js',
707
+ L.parentNode.insertBefore(l,L)}(window,document,'script','ga');
708
+
709
+ ga('create', 'UA-50755011-1', 'jekyllrb.com');
710
+ ga('send', 'pageview');
711
+
712
+ </script>
713
+
714
+
715
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
716
+ <script type="text/javascript"> docsearch({
717
+ apiKey: '50fe39c839958dfad797000f33e2ec17',
718
+ indexName: 'jekyllrb',
719
+ inputSelector: '#docsearch-input',
720
+ enhancedSearchInput: true,
721
+ debug: false // Set debug to true if you want to inspect the dropdown
722
+ });
723
+ </script>
724
+
725
+ </body>
726
+ </html>