准备工作

在开始模板开发之前，你需要了解启动模板开发的技能要求，运行环境，进阶教程等。

技能要求

1. 作为Web前端开发，你需要了解网页设计以及 HTML/CSS/Javascript 语法。(W3Schools 教程网)

2. 需要了解开源模板语言 Liquid。（Liquid 官网）

3. 了解 Baklib 系统设计原理。

   1. 作为传统 CMS 内容管理系统。

   2. 作为内容和界面分离的 Headless CMS 内容管理系统。

   3. 作为Community 社区站点。

资源推荐

Baklib 模板推荐各种前端CSS框架的组合使用以提高开发效率， 搭配部分轻量级的 Javascript框架以实现页面交互。

Baklib作为内容站点构建平台，前端主要实现内容的排版布局、信息架构导览等，不需要强大的前端全栈框架如React/Vue.js/Anglar.js等。

以下是一些前端开发资源推荐：

1. Tailwind CSS： Tailwind CSS 官方网站，包括 docs 文档教程，以及官方 TailwindUI 组件库。

2. UIBak: Baklib 官方推出的基于 Tailwind CSS 的 Web UI 组件库，包含 300+网页模板，200+ 网页组件库，覆盖管理、SaaS、企业网站、内容门户、知识文档等多场景的模板案例，公开免费，复制即用。

3. DaisyUI: 基于 Tailwind CSS 的 UI 组件库，主题丰富，可是想任意主题切换。

4. Preline UI: Preline UI 是一套基于实用优先的 Tailwind CSS 框架的开源预构建 UI 组件。

5. 2024 年最热的Tailwind CSS UI Kit 组件库汇总。