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,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>