准备工作

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

技能要求

  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/Angular.js 等。
🙋
Baklib 官方模板主要是通过 Tailwind CSS 框架构建,推荐使用 Tailwind CSS。
以下是一些前端开发资源推荐:
  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 组件库汇总.
本地 Tailwind 与 npm 构建配置见 初始化本地资源