shopify建站
提供wordpress、shopify等主流建站服务
2.1 Tags：注释comment标记
注释 comment 标记让你能够在 Liquid 模板中书写的内容不被输出。任何书写在 comment 起始与结束标记之间的内容都不会被输出，如果是 Liquid 代码则不会被执行。 输入 Anything you put between {% comment %} and {% endcomment %} tags is turned into a comment. 输出 Anything you put between tags is turned into a com...
2.2 Tags：控制流标记（control flow tag）
控制流 控制流标记（control flow tag）能够根据编程逻辑改变 Liquid 输出的信息。 if 只有当某个条件为 true 时才执行一段代码。 输入 {% if product.title == 'Awesome Shoes' %} These shoes are awesome! {% endif %} 输出 These shoes are awesome! unless 与 if 相对 – 只有当某个条件不成立时才执行一段代码。 输入 {%...
2.3 Tags：迭代（或循环）标记（iteration tag）
迭代／循环 迭代（或循环）标记（iteration tag）用于重复运行一段代码。 for 重复运行一段代码。for 循环中所能够使用的属性请参考 forloop (object)。 输入 {% for product in collection.products %} {{ product.title }} {% endfor %} 输出 hat shirt pants break 循环过程中若干遇到 break 标记（tag）即停止循环。 输入...
2.4 Tags：原始内容
原始内容 raw 标记临时禁止处理其所包围的代码。如果输出的内容与 Liquid 模板语言有冲突时（例如 Mustache、Handlebars 模板语言）可以避免冲突。 输入 {% raw %} In Handlebars, {{ this }} will be HTML-escaped, but {{{ that }}} will not. {% endraw %} 输出 In Handlebars, {{ this }} will be HTML-escaped, but {{{ ...
2.5 Tags：变量标记（variable tag）
变量 变量标记（variable tag）用于创建新的 Liquid 变量。 assign 创建一个新变量。 输入 {% assign my_variable = false %} {% if my_variable != true %} This statement is valid. {% endif %} 输出 This statement is valid. 将变量用 " 包裹之后则将其当做字符串对待。 输入 {% assign foo = "bar" %} {{ foo }} 输出 b...
1.1 Basics：Liquid代码简介
简介 Liquid 代码可分为 对象（object）、标记（tag） 和 过滤器（filter）。 对象 对象 告诉 Liquid 在页面的哪个位置展示内容。对象和变量名由双花括号标识：{{ 和 }}。 输入 {{ page.title }} 输出 Introduction 上述实例中，Liquid 输出 page.title 对象的内容，此对象保存的是文本 Introduction。 标记（tag） 标记（tag...
1.2 Basics：操作符
操作符 Liquid 包含了大量逻辑（logical）和比较操作符（comparison operator）。 基本操作符 == 相等 != 不相等 > 大于 < 小于 >= 大于或等于 <= 小于或等于 or 逻辑或 and 逻辑与 例如： {% if product.title == "Awesome Shoes" %} These shoes are awesome! {% endif %} 可以在一个标记（tag）中使用多个操作...
1.3 Basics：真值与假值
真值与假值 编程时，在条件判断中任何返回 true 的都被叫做 真值（truthy）。任何返回 false 的都被叫做 假值（falsy）。所有的对象（object）类型都可以被描述为真值（truthy）或假值（falsy）。 Truthy Falsy Summary 真值（Truthy） 除了 nil 和 false 之外的所有值都是真值。 如下例，字符串 “Tobi” 虽不是布尔类型，但是...
1.4 Basics：数据类型
数据类型 Liquid 对象的类型可以是以下五种： String Number Boolean Nil Array 你可以通过 assign 或 capture 标记来初始化 Liquid 变量。 String（字符串） 将变量的值包裹在单引号或双引号之中就声明了一个字符串： {% assign my_string = "Hello World!" %} Number（数字） 数字类型包括浮点数和整数： {% assign my_int ...
1.5 Basics：Liquid的各种分支
Liquid 的各种分支 Liquid 是一门灵活、安全的模版语言，被用于许多不同环境中。Liquid 被创建之初是用在 Shopify 商店系统中的，后来也被广泛用于 Jekyll 网站中。随着时间的推移，Shopify 和 Jekyll 分别为 Liquid 添加了针对各自用途的对象（object）、标记（tag）和过滤器（filter）。目前最流行的 Liquid 版本包括 Liqui...
1.6 Basics：控制输出的空白符
控制输出的空白符 在 Liquid 模版中，你可以将连字符放在标记（tag）中，例如 {{-、-}}、{%- 和 -%}，用于将标记（tag）渲染之后的输出内容的左侧或右侧的空拍符剔除。 通常，即使不输出文本，模版中的任何 Liquid 表达式仍然会在渲染之后输出的 HTML 中包含一个空行： 输入 {% assign my_variable = "tomato" %} {{ my_varia...
Liquid和JavaScript在Shopify二次开发中的作用是什么？
在Shopify二次开发中，Liquid和JavaScript扮演着至关重要的角色。Liquid作为Shopify的专用模板语言，专注于前端页面的生成和定制，而JavaScript（特别是Node.js）则处理后端逻辑和服务器端交互。它们共同构成了Shopify平台强大的开发环境，使得商家能够创建个性化且功能强大的电子商务网站。 Liquid的主要作用： 模板渲染与动...