Liquid学习（详细）

2024-05-19 17:09:24

Liquid代码的三个主要特点：

对象
标签
过滤器

对象

对象是告诉Liquid在页面的那个位置展示内容。对象和变量名是由双花括号表示: {{和}

输入

{{ page.title }}

输出

Introduction

上述实例中，Liquid 输出 page.title 对象的内容，此对象保存的是文本 Introduction。

标记（tag)

创造了模板的逻辑和控制流。由花括号和百分号表示: {% %}

标记并不产生任何可见的文本输出。意味着可以用他们进行变量赋值，创建条件和逻辑循环，并且不在任何页面上显示Liquid逻辑代码。

输入

{% if user %}Hello {{ user.name }}!
{% endif %}

输出

Hello Adam!

分为三代:

控制流：

If (当条件为真的时候才执行的一段代码）。

unless（与if相对，只有当条件不成立的时候才执行的一段代码）

if/else/elseif (为if或unless提供更多状态判断）

case/when (创建一个开关表达式，用于将一个变量和多个不同的值进行比较。case用于初始一个

开关表达式，when用于比较他们的值)

迭代/循环：

for (重复运行一段代码，for k in val）

break （循环过程中若是遇到break标记，就停止循环）

continue （循环过程中若是遇到continue标记，就跳过循环）

limit （限定循环执行的次数）

offset （从指定的双引号开始循环)

range （定义循环执行的范围。可利用数字或变量来定义此执行范围）

reversed (翻转数组)

cycle (循环一组字符串并按照他们传入的顺序将其输出，每次调用cycle时，传入参数的下一个

字符串必备输出） -----cycle 必须用在 for 循环中。

cycle

Liquid学习（详细）相关推荐

ECS：利用ECS进行深度学习详细攻略
ECS:利用ECS进行深度学习详细攻略目录 ECS进行DL详细步骤 ECS进行DL详细步骤
【经典回放】JavaScript学习详细干货笔记之（三）
[经典回放]JavaScript学习详细干货笔记之(一) [经典回放]JavaScript学习详细干货笔记之(二) [经典回放]JavaScript学习详细干货笔记之(三) 一.再次从var开始说起 ...
【经典回放】JavaScript学习详细干货笔记之（二）
[经典回放]JavaScript学习详细干货笔记之(一) [经典回放]JavaScript学习详细干货笔记之(二) [经典回放]JavaScript学习详细干货笔记之(三) 一.JavaScript ...
【经典回放】JavaScript学习详细干货笔记之（一）
[经典回放]JavaScript学习详细干货笔记之(一) [经典回放]JavaScript学习详细干货笔记之(二) [经典回放]JavaScript学习详细干货笔记之(三) 目录一.为什么要学Jav ...
Spring5学习详细笔记
学习链接 Spring5学习详细笔记 Spring学习总结 - 工厂第一章 :引言 1. 什么是spring 2. 设计模式 3. 工厂设计模式 3.1 什么是工厂设计模式 3.2 简单工厂的设计 ...
【记录爬虫实战过程】入门学习·详细过程·爬取天气信息并通过pyecharts进行可视化展示1
文章目录前言正文 1.导入对应模块 2.确定爬取的网站 3.得到数据 4.数据处理 5.将所得数据写入CSV 完整代码补充:数据可视化前言入门学习这个部分是跟着b站教学视频做的,记录了所有过 ...
网站架构基础学习(详细)
网站架构基础学习(详细) 1.网站架构的发展经历: 初始阶段的网站(特点:没人)应用程序,数据库,文件都在一个服务器中比如我们学的是开发,我们要写一个网站,因为这是一个项目, 所以我们要把它部署一下 ...
黑马程序员 c++视频学习详细笔记下载地址
黑马程序员 c++视频学习详细笔记下载地址: https://download.csdn.net/download/m0_47891203/84348174 建议结合博主博文学习
Linux shell脚本基础学习详细介绍(完整版)一
Linux shell脚本基础学习这里我们先来第一讲,介绍shell的语法基础,开头.注释.变量和环境变量,向大家做一个基础的介绍,虽然不涉及具体东西,但是打好基础是以后学习轻松地前提. 1. Li ...
Linux shell脚本基础学习详细介绍(完整版)2
详细介绍Linux shell脚本基础学习(五) Linux shell脚本基础前面我们在介绍Linux shell脚本的控制流程时,还有一部分内容没讲就是有关here document的内容这里继续 ...

最新文章

热门文章