Files
liquidjs/index.html
T

297 lines
30 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head prefix="og: http://ogp.me/ns#">
<meta charset="utf-8">
<title>LiquidJS</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="LiquidJS is a simple, expressive and safe Shopify / Github Pages compatible template engine in pure JavaScript.">
<link rel="dns-prefetch" href="https://cdn.jsdelivr.net/">
<link rel="manifest" href="/manifest.json">
<!-- Canonical links -->
<link rel="canonical" href="https://liquidjs.com/index.html">
<!-- Alternative links -->
<link rel="alternative" hreflang="en" href="https://liquidjs.com/">
<link rel="alternative" hreflang="zh-cn" href="https://liquidjs.com/zh-cn/">
<!-- Icon -->
<link rel="apple-touch-icon" sizes="57x57" href="icon/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="icon/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="icon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="icon/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="icon/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="icon/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="icon/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="icon/apple-touch-icon-152x152.png">
<link rel="icon" type="image/png" href="icon/favicon-196x196.png" sizes="196x196">
<link rel="icon" type="image/png" href="icon/favicon-160x160.png" sizes="160x160">
<link rel="icon" type="image/png" href="icon/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="icon/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="icon/favicon-32x32.png" sizes="32x32">
<meta name="msapplication-TileColor" content="#2f83cd">
<meta name="msapplication-TileImage" content="icon/mstile-144x144.png">
<link rel="stylesheet" href="css/navy.css">
<link rel="alternate" href="atom.xml" title="LiquidJS" type="application/atom+xml">
<meta name="generator" content="Hexo 5.4.0"></head>
<body>
<div id="container">
<header id="header" class="wrapper">
<div id="header-inner" class="inner">
<h1 id="logo-wrap">
<a href="index.html" id="logo">LiquidJS</a>
</h1>
<nav id="main-nav">
<a href="/tutorials/intro-to-liquid.html" class="main-nav-link">Tutorials</a><a href="/tags/overview.html" class="main-nav-link">Tags</a><a href="/filters/overview.html" class="main-nav-link">Filters</a><a href="/playground.html" class="main-nav-link">Playground</a><a href="/api/classes/Liquid.html" class="main-nav-link">API</a>
<div id="search-input-wrap">
<i id="search-input-icon" class="icon-search"></i>
<input type="search" id="search-input" placeholder="Search...">
</div>
</nav>
<div class="main-nav-link icon-nav-link">
<label><i class="icon-network"></i> <span class="icon-nav-title">English</span></label>
<select id="lang-select" data-canonical="">
<option value="en" selected>English</option>
<option value="zh-cn">简体中文</option>
</select>
</div>
<a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/harttle/liquidjs" class="main-nav-link icon-nav-link"><i class="icon-github"></i> <span class="icon-nav-title">Github</span></a>
<a target="_blank" rel="noopener external nofollow noreferrer" href="https://opencollective.com/liquidjs" class="main-nav-link icon-nav-link"><i class="icon-opencollective"></i> <span class="icon-nav-title">Support</span></a>
<a id="mobile-nav-toggle">
<span class="mobile-nav-toggle-bar"></span>
<span class="mobile-nav-toggle-bar"></span>
<span class="mobile-nav-toggle-bar"></span>
</a>
</div>
</header>
<header id="banner" class="wrapper">
<div class="inner">
<h2 id="banner-title">A simple, expressive and safe template engine.</h2>
<div id="banner-start">
<code id="banner-start-command">npm install liquidjs</code><a id="banner-start-link" href="./tutorials/setup.html"><i class="icon-arrow-right"></i></a>
</div>
<div id="banner-share"><!-- GitHub star -->
<a href="https://github.com/harttle/liquidjs" rel="external nofollow noreferrer" target="_blank"><img src="https://img.shields.io/github/stars/harttle/liquidjs?style=flat-square" alt="Star"></a>
<!-- NPM Download -->
<a href="https://www.npmjs.com/package/liquidjs" rel="external nofollow noreferrer" target="_blank"><img src ="https://img.shields.io/npm/dm/liquidjs?logo=npm&style=flat-square" alt="NPM Downloads"></a>
<!-- Contributors button -->
<a href="https://github.com/harttle/liquidjs/graphs/contributors" rel="external nofollow noreferrer" target="_blank"><img src="https://img.shields.io/github/contributors/harttle/liquidjs.svg?style=flat-square" alt="Contributors of LiquidJS on Github"></a>
<!-- Open Collective button -->
<a href="https://opencollective.com/liquidjs/" rel="external nofollow noreferrer" target="_blank"><img src="https://img.shields.io/opencollective/all/liquidjs?style=flat-square" alt="Donate to LiquidJS on Open Collective"></a>
<!-- License button -->
<a href="https://github.com/harttle/liquidjs/blob/master/LICENSE" rel="external nofollow noreferrer" target="_blank"><img src="https://img.shields.io/dub/l/vibe-d.svg?style=flat-square" alt="LiquidJS publishes with MIT license"></a>
</div>
</div>
</header>
<div id="intro-news-list">
<div class="wrapper">
<div class="inner">
<div id="intro-news-flex">
<a target="_blank" rel="noopener external nofollow noreferrer" href="https://opencollective.com/liquidjs/#section-contribute" class="intro-news-wrap">
<div class="intro-news-time">2020-02-26</div>
<div class="intro-news-title">Backers: the first backer contributed to LiquidJS via Open Collective.</div>
</a>
<a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/harttle/liquidjs/pull/202" class="intro-news-wrap">
<div class="intro-news-time">2020-03-11</div>
<div class="intro-news-title">Memory Optimization: a more elaborate parser reducing the memory footprint by 57.7%.</div>
</a>
<a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/harttle/liquidjs/pull/205" class="intro-news-wrap">
<div class="intro-news-time">2020-03-15</div>
<div class="intro-news-title">Performance Boost: a simple AST to improve render performance by 100.3%.</div>
</a>
<a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/harttle/liquidjs/milestone/3?closed=1" class="intro-news-wrap">
<div class="intro-news-time">2021-09-30</div>
<div class="intro-news-title">Streamed Rendering: now render is 4x faster and support streamed rendering.</div>
</a>
</div>
</div>
</div>
</div>
<div id="content-wrap">
<div class="wrapper">
<div class="inner">
<ul id="intro-feature-list"><li class="intro-feature-wrap"><div class="intro-feature"><div class="intro-feature-icon"><i class="icon-shield"></i></div><h3 class="intro-feature-title">Safe Rendering</h3><p class="intro-feature-desc">Liquid templates are highly readable and fault-tolerant thus suitable for designers and customers. Operators and expressions are parsed to AST and no <code>eval</code> or <code>new Function</code> are used. </p></div></li><li class="intro-feature-wrap"><div class="intro-feature"><div class="intro-feature-icon"><i class="icon-rocket"></i></div><h3 class="intro-feature-title">Zero Dependency</h3><p class="intro-feature-desc">Written with zero npm dependency and no native binding, available in both Node.js and browsers. All of the CMD, ESM and CJS bundles are available on CDN.</p></div></li><li class="intro-feature-wrap"><div class="intro-feature"><div class="intro-feature-icon"><i class="icon-shopify"></i></div><h3 class="intro-feature-title">Shopify Compatible</h3><p class="intro-feature-desc">All filters and tags from Ruby <a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/shopify/liquid">shopify/liquid</a> are supported by LiquidJS. <a target="_blank" rel="noopener external nofollow noreferrer" href="https://jekyllrb.com/">Jekyll sites</a>, <a target="_blank" rel="noopener external nofollow noreferrer" href="https://pages.github.com/">Github Pages</a> and <a target="_blank" rel="noopener external nofollow noreferrer" href="https://themes.shopify.com/">Shopify templates</a> can be ported to Node.js without pain.</p></div></li><li class="intro-feature-wrap"><div class="intro-feature"><div class="intro-feature-icon"><i class="icon-typescript"></i></div><h3 class="intro-feature-title">TypeScript Strict</h3><p class="intro-feature-desc">The whole repo is re-written in TypeScript strict mode to ensure a smooth experience using this lib and the document is precise and always up to date.</p></div></li></ul>
<div id="intro-cmd-wrap" class="highlight typescript"><pre><span class="line"><span class="keyword">import</span> { Liquid } <span class="keyword">from</span> <span class="string">'liquidjs'</span></span><br><span class="line"><span class="keyword">const</span> engine = <span class="keyword">new</span> Liquid()</span><br><span class="line"><span class="keyword">const</span> tpl = engine.parse(<span class="string">'Welcome to {{v}}!'</span>)</span><br><span class="line">engine.render(tpl, {<span class="attr">v</span>: <span class="string">"Liquid"</span>}).then(<span class="built_in">console</span>.log)</span><br><span class="line"><span class="comment">// Outputs "Welcome to Liquid!"</span></span><br></pre></div>
<div id="intro-get-started-wrap">
<a href="tutorials/setup.html" id="intro-get-started-link">Get Started</a>
</div>
</div>
</div>
</div>
<div id="contributors-wrap">
<div class="wrapper">
<div class="inner">
<h3>Contributors</h3>
<p class="description">LiquidJS follows the <a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/all-contributors/all-contributors">all-contributors</a> specification, see <a href="tutorials/contribution-guidelines.html">guildelines here</a>! Thanks goes to these wonderful people:</p>
<div class="all-contributors">
<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
<tbody>
<tr>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://harttle.land"><img src="https://avatars3.githubusercontent.com/u/4427974?v=4?s=100" width="100px;" alt="Jun Yang"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/chenos"><img src="https://avatars0.githubusercontent.com/u/2993310?v=4?s=100" width="100px;" alt="chenos"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://zachleat.com/"><img src="https://avatars2.githubusercontent.com/u/39355?v=4?s=100" width="100px;" alt="Zach Leatherman"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/thardy"><img src="https://avatars3.githubusercontent.com/u/120636?v=4?s=100" width="100px;" alt="Tim Hardy"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://paulrobertlloyd.com/"><img src="https://avatars3.githubusercontent.com/u/813383?v=4?s=100" width="100px;" alt="Paul Robert Lloyd"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://twitter.com/alecdotbiz"><img src="https://avatars2.githubusercontent.com/u/1925840?v=4?s=100" width="100px;" alt="Alec Larson"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/pmalouin"><img src="https://avatars1.githubusercontent.com/u/1411117?v=4?s=100" width="100px;" alt="Patrick Malouin"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://jaswrks.com"><img src="https://avatars3.githubusercontent.com/u/1563559?v=4?s=100" width="100px;" alt="jaswrks"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://oott123.com"><img src="https://avatars2.githubusercontent.com/u/905663?v=4?s=100" width="100px;" alt="三三"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/ssendev"><img src="https://avatars0.githubusercontent.com/u/450793?v=4?s=100" width="100px;" alt="ssendev"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/wojtask9"><img src="https://avatars3.githubusercontent.com/u/6099236?v=4?s=100" width="100px;" alt="wojtask9"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/thelornenelson"><img src="https://avatars3.githubusercontent.com/u/24596583?v=4?s=100" width="100px;" alt="Andrew Barclay"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://www.stam.pr/"><img src="https://avatars2.githubusercontent.com/u/142338?v=4?s=100" width="100px;" alt="Cory Mawhorter"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/thehappybug"><img src="https://avatars0.githubusercontent.com/u/3393530?v=4?s=100" width="100px;" alt="Mehdi Jaffery"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/robinbijlani"><img src="https://avatars0.githubusercontent.com/u/2503108?v=4?s=100" width="100px;" alt="Robin Bijlani"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://www.rmkennedy.com"><img src="https://avatars3.githubusercontent.com/u/8356669?v=4?s=100" width="100px;" alt="Ryan Kennedy"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/strax"><img src="https://avatars2.githubusercontent.com/u/587213?v=4?s=100" width="100px;" alt="Sami Kukkonen"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://ScottFreeCode.github.io/"><img src="https://avatars3.githubusercontent.com/u/16506071?v=4?s=100" width="100px;" alt="Scott Santucci"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="http://stevenrescigno.com"><img src="https://avatars3.githubusercontent.com/u/8505293?v=4?s=100" width="100px;" alt="Steven "/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://efcl.info/"><img src="https://avatars1.githubusercontent.com/u/19714?v=4?s=100" width="100px;" alt="azu"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/wyozi"><img src="https://avatars3.githubusercontent.com/u/4894573?v=4?s=100" width="100px;" alt="Joonas"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/jamelait"><img src="https://avatars1.githubusercontent.com/u/14369255?v=4?s=100" width="100px;" alt="Jamel A."/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://brandonpittman.net"><img src="https://avatars0.githubusercontent.com/u/967145?v=4?s=100" width="100px;" alt="Brandon Pittman"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/tgrandgent"><img src="https://avatars3.githubusercontent.com/u/17069042?v=4?s=100" width="100px;" alt="tgrandgent"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/mastodon0"><img src="https://avatars1.githubusercontent.com/u/7924332?v=4?s=100" width="100px;" alt="Martin Schuster"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="http://js.chenlei.me"><img src="https://avatars0.githubusercontent.com/u/6339390?v=4?s=100" width="100px;" alt="Ray"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/CriGoT"><img src="https://avatars0.githubusercontent.com/u/1936786?v=4?s=100" width="100px;" alt="Cristofer Gonzales"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://www.raymondcamden.com"><img src="https://avatars3.githubusercontent.com/u/393660?v=4?s=100" width="100px;" alt="Raymond Camden"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://stedman.dev"><img src="https://avatars1.githubusercontent.com/u/183122?v=4?s=100" width="100px;" alt="Steve Stedman"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://ciccarello.me"><img src="https://avatars0.githubusercontent.com/u/11273838?v=4?s=100" width="100px;" alt="Anthony Ciccarello"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://twitter.com/IAmTrySound"><img src="https://avatars0.githubusercontent.com/u/5635476?v=4?s=100" width="100px;" alt="Bogdan Chadkin"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://hightouch.io"><img src="https://avatars0.githubusercontent.com/u/5959235?v=4?s=100" width="100px;" alt="Tejas Manohar"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="http://about.me/peterdehaan"><img src="https://avatars2.githubusercontent.com/u/557895?v=4?s=100" width="100px;" alt="Peter deHaan"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/amit777"><img src="https://avatars0.githubusercontent.com/u/2703309?v=4?s=100" width="100px;" alt="amit777"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="http://www.ifi.uzh.ch/en/ce/people/schuldenzucker.html"><img src="https://avatars3.githubusercontent.com/u/1100776?v=4?s=100" width="100px;" alt="Steffen Schuldenzucker"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/Pixcell"><img src="https://avatars0.githubusercontent.com/u/4005291?v=4?s=100" width="100px;" alt="Pixcell"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://jasonet.co"><img src="https://avatars.githubusercontent.com/u/10660468?v=4?s=100" width="100px;" alt="Jason Etcovitch"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/kayuapi"><img src="https://avatars.githubusercontent.com/u/10304328?v=4?s=100" width="100px;" alt="ZC"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://memmie.lenglet.name"><img src="https://avatars.githubusercontent.com/u/729275?v=4?s=100" width="100px;" alt="Memmie Lenglet"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/ilhamdev0"><img src="https://avatars.githubusercontent.com/u/57636145?v=4?s=100" width="100px;" alt="ilhamdev0"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/c412216887"><img src="https://avatars.githubusercontent.com/u/29691650?v=4?s=100" width="100px;" alt="一饮一啄皆是人生"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://digitalinspiration.com/"><img src="https://avatars.githubusercontent.com/u/1344071?v=4?s=100" width="100px;" alt="Amit Agarwal"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://n1ru4l.cloud/"><img src="https://avatars.githubusercontent.com/u/14338007?v=4?s=100" width="100px;" alt="Laurin Quast"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/mattvague"><img src="https://avatars.githubusercontent.com/u/64985?v=4?s=100" width="100px;" alt="Matt Vague"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/bglw"><img src="https://avatars.githubusercontent.com/u/40188355?v=4?s=100" width="100px;" alt="Liam Bigelow"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://about.me/jasonkurian"><img src="https://avatars.githubusercontent.com/u/2642545?v=4?s=100" width="100px;" alt="Jason Kurian"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/dphm"><img src="https://avatars.githubusercontent.com/u/1707217?v=4?s=100" width="100px;" alt="d pham (they/them)"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://www.aleksandrhovhannisyan.com/"><img src="https://avatars.githubusercontent.com/u/19352442?v=4?s=100" width="100px;" alt="Aleksandr Hovhannisyan"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/jg-rp"><img src="https://avatars.githubusercontent.com/u/72664870?v=4?s=100" width="100px;" alt="jg-rp"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/ameyaapte1"><img src="https://avatars.githubusercontent.com/u/16054747?v=4?s=100" width="100px;" alt="Ameya Apte"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/tbdrz"><img src="https://avatars.githubusercontent.com/u/50599116?v=4?s=100" width="100px;" alt="tbdrz"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="http://santialbo.com"><img src="https://avatars.githubusercontent.com/u/1557563?v=4?s=100" width="100px;" alt="Santi Albo"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/YahangWu"><img src="https://avatars.githubusercontent.com/u/12295975?v=4?s=100" width="100px;" alt="Yahang Wu"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/hongl-1"><img src="https://avatars.githubusercontent.com/u/101576612?v=4?s=100" width="100px;" alt="hongl"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/zxx-457"><img src="https://avatars.githubusercontent.com/u/114141362?v=4?s=100" width="100px;" alt="zxx-457"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/prassie"><img src="https://avatars.githubusercontent.com/u/1357831?v=4?s=100" width="100px;" alt="prassie"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="http://slavv.com/"><img src="https://avatars.githubusercontent.com/u/713329?v=4?s=100" width="100px;" alt="Slav Ivanov"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="http://www.orgflow.io/"><img src="https://avatars.githubusercontent.com/u/3889090?v=4?s=100" width="100px;" alt="Daniel Rosenberg"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/bobgubko"><img src="https://avatars.githubusercontent.com/u/733312?v=4?s=100" width="100px;" alt="bobgubko"/></a></td>
<td align="center" valign="top" width="0%"><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/bangank36"><img src="https://avatars.githubusercontent.com/u/10071857?v=4?s=100" width="100px;" alt="BaNgan"/></a></td>
</tr>
</tbody>
</table>
<!-- markdownlint-restore -->
<!-- prettier-ignore-end -->
<!-- ALL-CONTRIBUTORS-LIST:END -->
</div>
</div>
</div>
</div>
<div id="backers-wrap">
<div class="wrapper">
<div class="inner">
<h3>Backers</h3>
<p class="description">Love LiquidJS and want to contribute? <a target="_blank" rel="noopener external nofollow noreferrer" href="https://opencollective.com/liquidjs">Become a backer</a>. Find out more <a href="tutorials/contribution-guidelines.html#Financial-Support">how to contribute</a>!</p>
<img src="https://opencollective.com/liquidjs/individuals.svg">
</div>
</div>
</div>
<div id="sponsors-wrap">
<div class="wrapper">
<div class="inner">
<h3>Sponsors</h3>
<p class="description">If LiquidJS is benefiting your business/company, please <a target="_blank" rel="noopener external nofollow noreferrer" href="https://opencollective.com/liquidjs">sponsor us</a> to make it better!</p>
<img class="open-collective" src="https://opencollective.com/liquidjs/organizations.svg">
</div>
</div>
</div>
<footer id="footer" class="wrapper">
<div class="inner">
<div id="footer-copyright">
&copy; 2023 <a href="https://github.com/harttle/liquidjs/graphs/contributors" rel="external nofollow noreferrer" target="_blank">Harttle</a><br>
Documentation licensed under <a href="http://creativecommons.org/licenses/by/4.0/" rel="external nofollow noreferrer" target="_blank">CC BY 4.0</a>.
</div>
<div id="footer-links">
<a href="https://twitter.com/harttleharttle" rel="external nofollow noreferrer" class="footer-link" target="_blank"><i class="icon-twitter"></i></a>
<a href="https://www.patreon.com/harttle" rel="external nofollow noreferrer" class="footer-link" target="_blank"><i class="icon-patreon"></i></a>
<a href="https://opencollective.com/liquidjs" rel="external nofollow noreferrer" class="footer-link" target="_blank"><i class="icon-opencollective"></i></a>
<a href="https://github.com/harttle/liquidjs" rel="external nofollow noreferrer" class="footer-link" target="_blank"><i class="icon-github"></i></a>
</div>
</div>
</footer>
</div>
<div id="mobile-nav-dimmer"></div>
<nav id="mobile-nav">
<div id="mobile-nav-inner">
<ul id="mobile-nav-list">
<a href="/tutorials/intro-to-liquid.html" class="mobile-nav-link">Tutorials</a><a href="/tags/overview.html" class="mobile-nav-link">Tags</a><a href="/filters/overview.html" class="mobile-nav-link">Filters</a><a href="/playground.html" class="mobile-nav-link">Playground</a><a href="/api/classes/Liquid.html" class="mobile-nav-link">API</a>
</ul>
</div>
<div id="mobile-button-list">
<a href="https://github.com/harttle/liquidjs" class="mobile-nav-link" rel="external" target="_blank"><i class="icon-github"></i></a>
<a href="https://opencollective.com/liquidjs" class="mobile-nav-link" rel="external" target="_blank"><i class="icon-opencollective"></i></a>
<div id="mobile-lang-select-wrap" class="mobile-nav-link">
<label for="mobile-lang-select"><i class="icon-network"></i></label>
<select id="mobile-lang-select" data-canonical="">
<option value="en" selected>English</option>
<option value="zh-cn">简体中文</option>
</select>
</div>
</div>
</nav>
<script src="js/main.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script>
document.getElementById('search-input-wrap').classList.add('on');
docsearch({
apiKey: '01f36cc168657a26a385308b9e721bc6',
indexName: 'liquidjs',
inputSelector: '#search-input',
debug: false
});
</script>
</body>
</html>