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,756 @@
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>Liquid | Jekyll • Simple, blog-aware, static sites</title>
17
+ <meta name="generator" content="Jekyll v4.0.0" />
18
+ <meta property="og:title" content="Liquid" />
19
+ <meta property="og:locale" content="en_US" />
20
+ <meta name="description" content="Liquid is where Jekyll starts to get more interesting. Liquid is a templating language which has three main parts: objects, tags and filters." />
21
+ <meta property="og:description" content="Liquid is where Jekyll starts to get more interesting. Liquid is a templating language which has three main parts: objects, tags and filters." />
22
+ <link rel="canonical" href="https://jekyllrb.com/docs/step-by-step/02-liquid/" />
23
+ <meta property="og:url" content="https://jekyllrb.com/docs/step-by-step/02-liquid/" />
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="Liquid" />
31
+ <meta name="twitter:site" content="@jekyllrb" />
32
+ <meta name="google-site-verification" content="onQcXpAvtHBrUI5LlroHNE_FP0b2qvFyPq7VZw36iEY" />
33
+ <script type="application/ld+json">
34
+ {"description":"Liquid is where Jekyll starts to get more interesting. Liquid is a templating language which has three main parts: objects, tags and filters.","@type":"BlogPosting","mainEntityOfPage":{"@type":"WebPage","@id":"https://jekyllrb.com/docs/step-by-step/02-liquid/"},"headline":"Liquid","dateModified":"2019-09-11T07:30:27-07:00","url":"https://jekyllrb.com/docs/step-by-step/02-liquid/","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/02-liquid.md"><i class="fa fa-pencil"></i> &nbsp;Improve this page</a>
290
+ </div>
291
+ <h1>Step by Step Tutorial</h1>
292
+ <h2>2. Liquid</h2>
293
+ <p>Liquid is where Jekyll starts to get more interesting. Liquid is a templating
294
+ language which has three main parts: <a href="#objects">objects</a>, <a href="#tags">tags</a> and
295
+ <a href="#filters">filters</a>.</p>
296
+
297
+ <h2 id="objects">Objects</h2>
298
+
299
+ <p>Objects tell Liquid where to output content. They’re denoted by double curly
300
+ braces: <code class="highlighter-rouge">{{</code> and <code class="highlighter-rouge">}}</code>. For example:</p>
301
+
302
+ <div class="language-liquid highlighter-rouge"><div class="highlight"><pre class="highlight"><code><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>
303
+ </code></pre></div></div>
304
+
305
+ <p>Outputs a variable called <code class="highlighter-rouge">page.title</code> on the page.</p>
306
+
307
+ <h2 id="tags">Tags</h2>
308
+
309
+ <p>Tags create the logic and control flow for templates. They are denoted by curly
310
+ braces and percent signs: <code class="highlighter-rouge">{%</code> and
311
+ <code class="highlighter-rouge">%}</code>. For example:</p>
312
+
313
+ <div class="language-liquid highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="p">{%</span><span class="w"> </span><span class="kr">if</span><span class="w"> </span><span class="nv">page</span><span class="p">.</span><span class="nv">show_sidebar</span><span class="w"> </span><span class="p">%}</span>
314
+ &lt;div class="sidebar"&gt;
315
+ sidebar content
316
+ &lt;/div&gt;
317
+ <span class="p">{%</span><span class="w"> </span><span class="kr">endif</span><span class="w"> </span><span class="p">%}</span>
318
+ </code></pre></div></div>
319
+
320
+ <p>Outputs the sidebar if <code class="highlighter-rouge">page.show_sidebar</code> is true. You can learn more about the
321
+ tags available to Jekyll <a href="/docs/liquid/tags/">here</a>.</p>
322
+
323
+ <h2 id="filters">Filters</h2>
324
+
325
+ <p>Filters change the output of a Liquid object. They are used within an output
326
+ and are separated by a <code class="highlighter-rouge">|</code>. For example:</p>
327
+
328
+ <div class="language-liquid highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="p">{{</span><span class="w"> </span><span class="s2">"hi"</span><span class="w"> </span><span class="p">|</span><span class="w"> </span><span class="nf">capitalize</span><span class="w"> </span><span class="p">}}</span>
329
+ </code></pre></div></div>
330
+
331
+ <p>Outputs <code class="highlighter-rouge">Hi</code>. You can learn more about the filters available to Jekyll
332
+ <a href="/docs/liquid/filters/">here</a>.</p>
333
+
334
+ <h2 id="use-liquid">Use Liquid</h2>
335
+
336
+ <p>Now it’s your turn, change the Hello World! on your page to output as lowercase:</p>
337
+
338
+ <div class="language-liquid highlighter-rouge"><div class="highlight"><pre class="highlight"><code>...
339
+ &lt;h1&gt;<span class="p">{{</span><span class="w"> </span><span class="s2">"Hello World!"</span><span class="w"> </span><span class="p">|</span><span class="w"> </span><span class="nf">downcase</span><span class="w"> </span><span class="p">}}</span>&lt;/h1&gt;
340
+ ...
341
+ </code></pre></div></div>
342
+
343
+ <p>To get our changes processed by Jekyll we need to add <a href="../03-front-matter/">front matter</a> to the top of the page:</p>
344
+
345
+ <div class="language-markdown highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nn">---</span>
346
+ <span class="c1"># front matter tells Jekyll to process Liquid</span>
347
+ <span class="nn">---</span>
348
+ </code></pre></div></div>
349
+
350
+ <p>Our “Hello World!” will now be downcased on render.</p>
351
+
352
+ <p>It may not seem like it now, but much of Jekyll’s power comes from combining
353
+ Liquid with other features.</p>
354
+
355
+ <p>In order to see the changes from <code class="highlighter-rouge">downcase</code> Liquid filter, we will need to add front matter.</p>
356
+
357
+ <p>That’s next. Let’s keep going.</p>
358
+
359
+
360
+
361
+
362
+
363
+
364
+
365
+
366
+
367
+
368
+ <div class="section-nav">
369
+ <div class="left align-right">
370
+
371
+
372
+ <a href="/docs/step-by-step/01-setup/" class="prev">Back</a>
373
+
374
+ </div>
375
+ <div class="right align-left">
376
+
377
+
378
+ <a href="/docs/step-by-step/03-front-matter/" class="next">Next</a>
379
+
380
+ </div>
381
+ </div>
382
+ <div class="clear"></div>
383
+
384
+
385
+ <ol class="step-nav">
386
+
387
+ <li >
388
+ <a href="/docs/step-by-step/01-setup/">
389
+ Setup
390
+ </a>
391
+ </li>
392
+
393
+ <li class="current">
394
+ <a href="/docs/step-by-step/02-liquid/">
395
+ Liquid
396
+ </a>
397
+ </li>
398
+
399
+ <li >
400
+ <a href="/docs/step-by-step/03-front-matter/">
401
+ Front Matter
402
+ </a>
403
+ </li>
404
+
405
+ <li >
406
+ <a href="/docs/step-by-step/04-layouts/">
407
+ Layouts
408
+ </a>
409
+ </li>
410
+
411
+ <li >
412
+ <a href="/docs/step-by-step/05-includes/">
413
+ Includes
414
+ </a>
415
+ </li>
416
+
417
+ <li >
418
+ <a href="/docs/step-by-step/06-data-files/">
419
+ Data Files
420
+ </a>
421
+ </li>
422
+
423
+ <li >
424
+ <a href="/docs/step-by-step/07-assets/">
425
+ Assets
426
+ </a>
427
+ </li>
428
+
429
+ <li >
430
+ <a href="/docs/step-by-step/08-blogging/">
431
+ Blogging
432
+ </a>
433
+ </li>
434
+
435
+ <li >
436
+ <a href="/docs/step-by-step/09-collections/">
437
+ Collections
438
+ </a>
439
+ </li>
440
+
441
+ <li >
442
+ <a href="/docs/step-by-step/10-deployment/">
443
+ Deployment
444
+ </a>
445
+ </li>
446
+
447
+ </ol>
448
+
449
+ </article>
450
+ </div>
451
+
452
+ <div class="unit one-fifth hide-on-mobiles">
453
+ <aside>
454
+
455
+ <h4>Getting Started</h4>
456
+ <ul>
457
+
458
+
459
+ <li>
460
+ <a href="/docs/">
461
+ Quickstart
462
+ </a>
463
+ </li>
464
+
465
+
466
+ <li>
467
+ <a href="/docs/ruby-101/">
468
+ Ruby 101
469
+ </a>
470
+ </li>
471
+
472
+
473
+ <li>
474
+ <a href="/docs/installation/">
475
+ Installation
476
+ </a>
477
+ </li>
478
+
479
+
480
+ <li>
481
+ <a href="/docs/community/">
482
+ Community
483
+ </a>
484
+ </li>
485
+
486
+
487
+ <li>
488
+ <a href="/docs/step-by-step/01-setup/">
489
+ Step by Step Tutorial
490
+ </a>
491
+ </li>
492
+
493
+ </ul>
494
+
495
+ <h4>Build</h4>
496
+ <ul>
497
+
498
+
499
+ <li>
500
+ <a href="/docs/usage/">
501
+ Command Line Usage
502
+ </a>
503
+ </li>
504
+
505
+
506
+ <li>
507
+ <a href="/docs/configuration/">
508
+ Configuration
509
+ </a>
510
+ </li>
511
+
512
+ </ul>
513
+
514
+ <h4>Content</h4>
515
+ <ul>
516
+
517
+
518
+ <li>
519
+ <a href="/docs/pages/">
520
+ Pages
521
+ </a>
522
+ </li>
523
+
524
+
525
+ <li>
526
+ <a href="/docs/posts/">
527
+ Posts
528
+ </a>
529
+ </li>
530
+
531
+
532
+ <li>
533
+ <a href="/docs/front-matter/">
534
+ Front Matter
535
+ </a>
536
+ </li>
537
+
538
+
539
+ <li>
540
+ <a href="/docs/collections/">
541
+ Collections
542
+ </a>
543
+ </li>
544
+
545
+
546
+ <li>
547
+ <a href="/docs/datafiles/">
548
+ Data Files
549
+ </a>
550
+ </li>
551
+
552
+
553
+ <li>
554
+ <a href="/docs/assets/">
555
+ Assets
556
+ </a>
557
+ </li>
558
+
559
+
560
+ <li>
561
+ <a href="/docs/static-files/">
562
+ Static Files
563
+ </a>
564
+ </li>
565
+
566
+ </ul>
567
+
568
+ <h4>Site Structure</h4>
569
+ <ul>
570
+
571
+
572
+ <li>
573
+ <a href="/docs/structure/">
574
+ Directory Structure
575
+ </a>
576
+ </li>
577
+
578
+
579
+ <li>
580
+ <a href="/docs/liquid/">
581
+ Liquid
582
+ </a>
583
+ </li>
584
+
585
+
586
+ <li>
587
+ <a href="/docs/variables/">
588
+ Variables
589
+ </a>
590
+ </li>
591
+
592
+
593
+ <li>
594
+ <a href="/docs/includes/">
595
+ Includes
596
+ </a>
597
+ </li>
598
+
599
+
600
+ <li>
601
+ <a href="/docs/layouts/">
602
+ Layouts
603
+ </a>
604
+ </li>
605
+
606
+
607
+ <li>
608
+ <a href="/docs/permalinks/">
609
+ Permalinks
610
+ </a>
611
+ </li>
612
+
613
+
614
+ <li>
615
+ <a href="/docs/themes/">
616
+ Themes
617
+ </a>
618
+ </li>
619
+
620
+
621
+ <li>
622
+ <a href="/docs/pagination/">
623
+ Pagination
624
+ </a>
625
+ </li>
626
+
627
+ </ul>
628
+
629
+ <h4>Guides</h4>
630
+ <ul>
631
+
632
+
633
+ <li>
634
+ <a href="/docs/plugins/">
635
+ Plugins
636
+ </a>
637
+ </li>
638
+
639
+
640
+ <li>
641
+ <a href="/docs/migrations/">
642
+ Blog Migrations
643
+ </a>
644
+ </li>
645
+
646
+
647
+ <li>
648
+ <a href="/docs/upgrading/">
649
+ Upgrading
650
+ </a>
651
+ </li>
652
+
653
+
654
+ <li>
655
+ <a href="/docs/deployment/">
656
+ Deployment
657
+ </a>
658
+ </li>
659
+
660
+ </ul>
661
+
662
+ </aside>
663
+ </div>
664
+
665
+
666
+ <div class="clear"></div>
667
+
668
+ </div>
669
+ </section>
670
+
671
+
672
+ <footer>
673
+ <div class="grid">
674
+ <div class="unit one-third center-on-mobiles">
675
+ <p>Jekyll is lovingly maintained by the <a href="/team/">core team</a> of volunteers. </p>
676
+ <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>
677
+ </div>
678
+ <div class="unit two-thirds align-right center-on-mobiles">
679
+ <p>
680
+ Proudly hosted by
681
+ <a href="https://github.com">
682
+ <img src="/img/footer-logo.png" width="100" height="30" alt="GitHub • Social coding">
683
+ </a>
684
+ </p>
685
+ </div>
686
+ <div class="unit two-thirds align-right center-on-mobiles">
687
+ <p>
688
+ Jekyll is funded thanks to its
689
+ <a href="https://github.com/jekyll/jekyll#sponsors">
690
+ sponsors!
691
+ </a>
692
+ </p>
693
+ </div>
694
+ </div>
695
+ </footer>
696
+
697
+ <script>
698
+ var anchorForId = function (id) {
699
+ var anchor = document.createElement("a");
700
+ anchor.className = "header-link";
701
+ anchor.href = "#" + id;
702
+ anchor.innerHTML = "<span class=\"sr-only\">Permalink</span><i class=\"fa fa-link\"></i>";
703
+ anchor.title = "Permalink";
704
+ return anchor;
705
+ };
706
+
707
+ var linkifyAnchors = function (level, containingElement) {
708
+ var headers = containingElement.getElementsByTagName("h" + level);
709
+ for (var h = 0; h < headers.length; h++) {
710
+ var header = headers[h];
711
+
712
+ if (typeof header.id !== "undefined" && header.id !== "") {
713
+ header.appendChild(anchorForId(header.id));
714
+ }
715
+ }
716
+ };
717
+
718
+ document.onreadystatechange = function () {
719
+ if (this.readyState === "complete") {
720
+ var contentBlock = document.getElementsByClassName("docs")[0] || document.getElementsByClassName("news")[0];
721
+ if (!contentBlock) {
722
+ return;
723
+ }
724
+ for (var level = 1; level <= 6; level++) {
725
+ linkifyAnchors(level, contentBlock);
726
+ }
727
+ }
728
+ };
729
+ </script>
730
+
731
+
732
+ <!-- Google Analytics (https://www.google.com/analytics) -->
733
+ <script>
734
+ !function(j,e,k,y,l,L){j.GoogleAnalyticsObject=y,j[y]||(j[y]=function(){
735
+ (j[y].q=j[y].q||[]).push(arguments)}),j[y].l=+new Date,l=e.createElement(k),
736
+ L=e.getElementsByTagName(k)[0],l.src='https://www.google-analytics.com/analytics.js',
737
+ L.parentNode.insertBefore(l,L)}(window,document,'script','ga');
738
+
739
+ ga('create', 'UA-50755011-1', 'jekyllrb.com');
740
+ ga('send', 'pageview');
741
+
742
+ </script>
743
+
744
+
745
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
746
+ <script type="text/javascript"> docsearch({
747
+ apiKey: '50fe39c839958dfad797000f33e2ec17',
748
+ indexName: 'jekyllrb',
749
+ inputSelector: '#docsearch-input',
750
+ enhancedSearchInput: true,
751
+ debug: false // Set debug to true if you want to inspect the dropdown
752
+ });
753
+ </script>
754
+
755
+ </body>
756
+ </html>