liquidjs 兼容shopify liquid 的纯js 模板引擎

liquidjs 是兼容shopify liquid 的纯js 模板引擎,同时官方文档也比较完整

支持的特性

  • 安全渲染(没有eval 以及Function 使用)
  • shopify 兼容
  • 零依赖
  • ts 支持

参考使用

  • app.js
const { Liquid } = require('liquidjs');
const path = require("path")
var engine = new Liquid({
    root:path.resolve(__dirname, 't/')
});
engine.renderFile('index.html', {v: "Liquid"}).then(console.log)
  • 模板

 

 

  • 运行效果

 

 

说明

实际上liquidjs 很多地方与jinja2是一样的,模板布局,表达式,filter。。。。

参考资料

https://shopify.github.io/liquid/
https://github.com/harttle/liquidjs
https://github.com/Shopify/liquid
https://liquidjs.com/

posted on   荣锋亮  阅读(756)  评论(0编辑  收藏  举报

编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)
历史上的今天:
2020-05-16 ruby 一些不错的性能分析工具
2020-05-16 How to Fix Slow Code in Ruby
2019-05-16 cube.js 学习 cube 连接mongodb 试用
2019-05-16 cube.js 学习 cube docker-compose 运行

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示