docs: update liquidjs.com and README for demo link

This commit is contained in:
Harttle
2021-12-31 17:49:27 +08:00
committed by Harttle
parent b7c782b10a
commit e94e386c46
7 changed files with 28 additions and 6 deletions
@@ -26,7 +26,7 @@ npm test
## 成为赞助者!
LiquidJS 是开源的、免费的,并且 **没有** 商业支持,也 **没有** 任何广告。如果你喜欢 LiquidJS 或你的公司在使用 LiquidJS,请考虑通过 [Open Collective][oc] 或 [Patreon][pt] 赞助,作为感谢你的名字和头像(或 Logo)会展示在这里和 [Github README][liquidjs]。
LiquidJS 是开源免费的。如果你喜欢 LiquidJS 或你的公司在使用 LiquidJS,请考虑通过 [Open Collective][oc] 或 [Patreon][pt] 赞助,作为感谢你的名字和头像(或 Logo)会展示在这里[LiquidJS 首页](https://liquidjs.com/)和 [Github README][liquidjs]。
<object type="image/svg+xml" data="https://opencollective.com/liquidjs/tiers/backer.svg?avatarHeight=72"></object>
@@ -1,5 +1,5 @@
---
title: Liquid 模板语言简介
title: Liquid 模板语言
---
LiquidJS 是一个简单的、安全的、兼容 Shopify 的、纯 JavaScript 编写的模板引擎。这个项目的目的是为 JavaScript 社区提供一个 Liquid 模板引擎的实现。Liquid 最初用 Ruby 实现并用于 Github Pages, Jekyll 和 Shopify,参考 [和 Shopify/liquid 的区别][diff]。
@@ -9,6 +9,10 @@ LiquidJS 语法相对简单。LiquidJS 中有两种标记:
- **标签**。标签由标签名和参数构成,由 `{%raw%}{%{%endraw%}``%}` 包裹。
- **输出**。输出由一个值和一组可选的过滤器构成,由 `{%raw%}{{{%endraw%}``}}` 包裹。
{% note info 在线示例 %}
在进一步了解细节之前,这里有一个在线示例:<https://liquidjs.com/playground.html>。
{% endnote %}
## 输出
**输出** 用于转换和输出变量到 HTMl。下面的模板将会把 `username` 的值插入到 input 的 `value`