Files
liquidjs/index.html
T

213 lines
33 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head prefix="og: https://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 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">guidelines here</a>! Thanks goes to these wonderful people:</p>
<div class="contributors">
<!-- prettier-ignore-start --><!-- markdownlint-disable --><table> <tbody> <tr> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://harttle.land"><img src="https://avatars3.githubusercontent.com/u/4427974?v=4?s=100" alt="Jun Yang"/></a></td> <td align="center" valign="top" ><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" alt="chenos"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://zachleat.com/"><img src="https://avatars2.githubusercontent.com/u/39355?v=4?s=100" alt="Zach Leatherman"/></a></td> <td align="center" valign="top" ><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" alt="Tim Hardy"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://paulrobertlloyd.com/"><img src="https://avatars3.githubusercontent.com/u/813383?v=4?s=100" alt="Paul Robert Lloyd"/></a></td> <td align="center" valign="top" ><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" alt="Alec Larson"/></a></td> <td align="center" valign="top" ><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" alt="Patrick Malouin"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://jaswrks.com"><img src="https://avatars3.githubusercontent.com/u/1563559?v=4?s=100" alt="jaswrks"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://oott123.com"><img src="https://avatars2.githubusercontent.com/u/905663?v=4?s=100" alt="三三"/></a></td> <td align="center" valign="top" ><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" alt="ssendev"/></a></td> <td align="center" valign="top" ><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" alt="wojtask9"/></a></td> <td align="center" valign="top" ><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" alt="Andrew Barclay"/></a></td> <td align="center" valign="top" ><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" alt="Cory Mawhorter"/></a></td> <td align="center" valign="top" ><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" alt="Mehdi Jaffery"/></a></td> <td align="center" valign="top" ><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" alt="Robin Bijlani"/></a></td> <td align="center" valign="top" ><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" alt="Ryan Kennedy"/></a></td> <td align="center" valign="top" ><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" alt="Sami Kukkonen"/></a></td> <td align="center" valign="top" ><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" alt="Scott Santucci"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="http://stevenrescigno.com"><img src="https://avatars3.githubusercontent.com/u/8505293?v=4?s=100" alt="Steven "/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://efcl.info/"><img src="https://avatars1.githubusercontent.com/u/19714?v=4?s=100" alt="azu"/></a></td> <td align="center" valign="top" ><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" alt="Joonas"/></a></td> <td align="center" valign="top" ><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" alt="Jamel A."/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://brandonpittman.net"><img src="https://avatars0.githubusercontent.com/u/967145?v=4?s=100" alt="Brandon Pittman"/></a></td> <td align="center" valign="top" ><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" alt="tgrandgent"/></a></td> <td align="center" valign="top" ><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" alt="Martin Schuster"/></a></td> <td align="center" valign="top" ><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" alt="Ray"/></a></td> <td align="center" valign="top" ><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" alt="Cristofer Gonzales"/></a></td> <td align="center" valign="top" ><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" alt="Raymond Camden"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://stedman.dev"><img src="https://avatars1.githubusercontent.com/u/183122?v=4?s=100" alt="Steve Stedman"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://ciccarello.me"><img src="https://avatars0.githubusercontent.com/u/11273838?v=4?s=100" alt="Anthony Ciccarello"/></a></td> <td align="center" valign="top" ><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" alt="Bogdan Chadkin"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://hightouch.io"><img src="https://avatars0.githubusercontent.com/u/5959235?v=4?s=100" alt="Tejas Manohar"/></a></td> <td align="center" valign="top" ><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" alt="Peter deHaan"/></a></td> <td align="center" valign="top" ><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" alt="amit777"/></a></td> <td align="center" valign="top" ><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" alt="Steffen Schuldenzucker"/></a></td> <td align="center" valign="top" ><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" alt="Pixcell"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://jasonet.co"><img src="https://avatars.githubusercontent.com/u/10660468?v=4?s=100" alt="Jason Etcovitch"/></a></td> <td align="center" valign="top" ><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" alt="ZC"/></a></td> <td align="center" valign="top" ><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" alt="Memmie Lenglet"/></a></td> <td align="center" valign="top" ><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" alt="ilhamdev0"/></a></td> <td align="center" valign="top" ><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" alt="一饮一啄皆是人生"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://digitalinspiration.com/"><img src="https://avatars.githubusercontent.com/u/1344071?v=4?s=100" alt="Amit Agarwal"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://n1ru4l.cloud/"><img src="https://avatars.githubusercontent.com/u/14338007?v=4?s=100" alt="Laurin Quast"/></a></td> <td align="center" valign="top" ><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" alt="Matt Vague"/></a></td> <td align="center" valign="top" ><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" alt="Liam Bigelow"/></a></td> <td align="center" valign="top" ><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" alt="Jason Kurian"/></a></td> <td align="center" valign="top" ><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" alt="d pham (they/them)"/></a></td> <td align="center" valign="top" ><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" alt="Aleksandr Hovhannisyan"/></a></td> <td align="center" valign="top" ><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" alt="jg-rp"/></a></td> <td align="center" valign="top" ><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" alt="Ameya Apte"/></a></td> <td align="center" valign="top" ><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" alt="tbdrz"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="http://santialbo.com"><img src="https://avatars.githubusercontent.com/u/1557563?v=4?s=100" alt="Santi Albo"/></a></td> <td align="center" valign="top" ><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" alt="Yahang Wu"/></a></td> <td align="center" valign="top" ><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" alt="hongl"/></a></td> <td align="center" valign="top" ><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" alt="zxx-457"/></a></td> <td align="center" valign="top" ><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" alt="prassie"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="http://slavv.com/"><img src="https://avatars.githubusercontent.com/u/713329?v=4?s=100" alt="Slav Ivanov"/></a></td> <td align="center" valign="top" ><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" alt="Daniel Rosenberg"/></a></td> <td align="center" valign="top" ><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" alt="bobgubko"/></a></td> <td align="center" valign="top" ><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" alt="BaNgan"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/mahyar-pasarzangene"><img src="https://avatars.githubusercontent.com/u/16485039?v=4?s=100" alt="Mahyar Pasarzangene"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://hubelbauer.net/"><img src="https://avatars.githubusercontent.com/u/6831144?v=4?s=100" alt="Tomáš Hübelbauer"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://sixtwothree.org"><img src="https://avatars.githubusercontent.com/u/73866?v=4?s=100" alt="Jason Garber"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="http://nickreilingh.com/"><img src="https://avatars.githubusercontent.com/u/2458645?v=4?s=100" alt="Nick Reilingh"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="http://ebobby.org"><img src="https://avatars.githubusercontent.com/u/170356?v=4?s=100" alt="Francisco Soto"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://www.davidlj95.com"><img src="https://avatars.githubusercontent.com/u/8050648?v=4?s=100" alt="David LJ"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/RasmusWL"><img src="https://avatars.githubusercontent.com/u/1054041?v=4?s=100" alt="Rasmus Wriedt Larsen"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/brunodccarvalho"><img src="https://avatars.githubusercontent.com/u/24962950?v=4?s=100" alt="Bruno Carvalho"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/fupengl"><img src="https://avatars.githubusercontent.com/u/20211964?v=4?s=100" alt="傅鹏"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/joel-hamilton"><img src="https://avatars.githubusercontent.com/u/12899024?v=4?s=100" alt="Joel Hamilton"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/amedve"><img src="https://avatars.githubusercontent.com/u/23156422?v=4?s=100" alt="Max Medve"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://maizzle.com"><img src="https://avatars.githubusercontent.com/u/1656595?v=4?s=100" alt="Cosmin Popovici"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/admtnnr"><img src="https://avatars.githubusercontent.com/u/27502?v=4?s=100" alt="Adam Tanner"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/GuillermoCasalCaro"><img src="https://avatars.githubusercontent.com/u/18685581?v=4?s=100" alt="Guillermo Casal Caro"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/jsoref"><img src="https://avatars.githubusercontent.com/u/2119212?v=4?s=100" alt="Josh Soref"/></a></td> </tr> </tbody></table><!-- markdownlint-restore --><!-- prettier-ignore-end -->
</div>
</div>
</div>
</div>
<div id="sponsors-wrap">
<div class="wrapper">
<div class="inner">
<h3>Sponsors</h3>
<p class="description">If you personally love LiquidJS or it&#39;s benefiting your business, please <a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/sponsors/harttle">sponsor us</a>!</p>
<div class="contributors">
<table> <tbody> <tr> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://www.opensense.com/"><img src="https://images.opencollective.com/opensense-inc/bf840ae/logo/256.png?height=100" alt="Opensense Inc."/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://www.11ty.dev/"><img src="https://avatars.githubusercontent.com/u/35147177?v=4?s=100" alt="Eleventy"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://about.me/peterdehaan"><img src="https://avatars2.githubusercontent.com/u/557895?v=4?s=100" alt="Peter deHaan"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://opencollective.com/touchless"><img src="https://images.opencollective.com/touchless/273bc74/logo/256.png?height=100" alt="Touchless"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://www.dropkiq.com/"><img src="https://images.opencollective.com/1bertlol/43a8ea8/logo/256.png?height=100" alt="Adam Darrah"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://dailycontributors.com/"><img src="https://images.opencollective.com/dailycontributors/3c2e057/logo/256.png?height=100&width=100" alt="Dailycontributors"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://github.com/coni2k"><img src="https://avatars0.githubusercontent.com/u/1284601?v=4?s=100" alt="coni2k"/></a></td> <td align="center" valign="top" ><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" alt="amit777"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://opencollective.com/khaled-salem"><img src="https://images.opencollective.com/khaled-salem/avatar/256.png?height=256" alt="Khaled Salem"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://sentry.io/"><img src="https://avatars.githubusercontent.com/u/1396951?v=4?s=100" alt="Sentry"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://www.checkoutblocks.com/"><img src="https://avatars.githubusercontent.com/u/114603307?v=4?s=100" alt="Checkout Blocks"/></a></td> <td align="center" valign="top" ><a target="_blank" rel="noopener external nofollow noreferrer" href="https://customer.io/"><img src="https://avatars.githubusercontent.com/u/1152079?v=4?s=100" alt="Customer IO"/></a></td> </tr> </tbody></table>
</div>
</div>
</div>
</div>
<footer id="footer" class="wrapper">
<div class="inner">
<div id="footer-copyright">
&copy; 2024 <a href="https://github.com/harttle/liquidjs/graphs/contributors" rel="external nofollow noreferrer" target="_blank">Harttle</a><br>
Documentation licensed under <a href="https://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://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>