SeriaWei/Templiq

SeriaWei 资料

最近记录的来源活动: 2026年7月1日 02:19

SkillsMP 收录数据更新: 2026年10月26日 11:37

已收集 skills: 4

GitHub 星标: 0
GitHub Forks: 0

仓库 README

仓库 README 来源：README.md

查看 README 源文件

展开完整 README

# Templiq 为 [ZKEACMS](https://www.zkea.net/zkeacms/templates) 设计的模板开发工具，使用 LiquidJS 进行模板渲染和管理。 ## 简介 Templiq 是一个专门为 ZKEACMS 内容管理系统开发的模板创建和打包工具。它允许开发者创建可扩展的 Widget 模板，这些模板可以直接安装到 ZKEACMS 中使用。 ## 功能特性 - 📝 **模板创建** - 快速创建新的网页组件模板 - 👁️ **实时预览** - 在线预览模板渲染效果 - 📦 **打包上传** - 将模板打包为 `.wgt` 文件并上传到云存储 - 🎨 **多种设计** - 内置多种精美的网页设计模板 ## 安装 ```bash npm install ``` ### Playwright 初始化安装完成后，需要初始化 Playwright 浏览器： ```bash npx playwright install ``` 或者只安装 Chromium（推荐）： ```bash npx playwright install chromium ``` ## 配置创建 `.env` 文件（参考 `.env.example`）并配置以下环境变量： ``` PORT=3000 B2_APPLICATION_KEY_ID=your_b2_key_id B2_APPLICATION_KEY=your_b2_application_key B2_BUCKET_NAME=your_b2_bucket_name ``` ## 使用 ### 开发模式 ```bash npm run dev ``` 服务器将在 `http://localhost:3000` 启动。 ### 可用命令 - `npm start` - 启动服务器 - `npm run dev` - 开发模式启动 - `npm run build` - 编译 TypeScript - `npm test` - 运行测试 - `npm run new` - 创建新的模板 - `npm run pack` - 打包模板 - `npm run upload` - 上传模板 ## 项目结构 ``` ├── src/ │ ├── app.ts # 主应用文件 │ ├── data/ # 模板数据和 Schema 定义文件 │ ├── designs/ # 设计源文件 (HTML/CSS/JS) │ ├── public/ # 静态资源 │ ├── templates/ # Liquid 模板文件 │ └── tools/ # 工具脚本 ├── output/ # 打包输出目录 (.wgt 文件) └── package.json ``` ## ZKEACMS 模板开发 ### 模板结构每个模板包含三个核心文件： 1. **Liquid 模板** (`src/templates/section-{id}.liquid`) - 模板渲染逻辑 2. **数据文件** (`src/data/section-{id}.json`) - 模板示例数据 3. **Schema 定义** (`src/data/section-{id}.def.json`) - 字段定义 ### 支持的字段类型 - `SingleLine` - 单行文本 - `Paragraph` - 段落文本 - `HtmlBox` - HTML 编辑器 - `Address` - 地址字段 - `Checkbox` - 复选框 - `Radio` - 单选框 - `Date` - 日期选择 - `Dropdown` - 下拉选择 - `Email` - 邮箱输入 - `Number` - 数字输入 - `Phone` - 电话输入 - `Media` - 媒体上传 - `Array` - 数组字段 ### 打包格式打包后的 `.wgt` 文件是一个 gzip 压缩的 JSON 包，包含： - Widget 配置信息 - Liquid 模板文件 - 缩略图图片 - 媒体资源文件 ## 技术栈 - Node.js + Express - TypeScript - LiquidJS (模板引擎) - Playwright (截图) - Sharp (图像处理) - Backblaze B2 (云存储) ## License MIT

正在加载仓库 README…

这个仓库中的 skills

网页开发工程师软件开发工程师

2 个职业分类 · 已分类 100%

skill

职业分类

描述

更新

new-tpl

网页开发工程师

Design a new product template and convert to ZKEACMS template format. Use this skill when the user asks to design a new product template.

2026-07-01

frontend-design

网页开发工程师

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

原文语言：英语

2026-06-30

convert-to-cms-tpl

网页开发工程师

Convert an design(Html pages in src/designs/<design-name> folder) to a ZKEACMS template. Use this skill when the user asks to convert a design to a CMS template.

2026-05-24

publish-template

软件开发工程师

Publish the template to the CMS website. Use this skill when the user asks to publish a template.

2026-05-19

已展示 4 / 4 个已收集 Skill。

用 AI 助手安装

复制这段 Prompt，发给你正在使用的 AI 助手。

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/SeriaWei/Templiq.