基本概念

前面的教程：业务表单与工作流给我们的第一印象就是：CabloyJS可以便捷的开发后台管理系统。接下来我们揭示CabloyJS的另一面

咱们知道，开发类似博客、技术文档、社区、企业建站之类的应用，需要一套CMS系统。CabloyJS所提供的业务表单和工作流特性天然的就可以看作是CMS系统的后台内容管理部分。其实，CabloyJS还提供了一套CMS静态渲染引擎，可以把任何类型的业务数据渲染成静态站点，既实现了SEO优化，也提升了站点的访问性能

比如，CabloyJS的官方技术文档、社区、视频课程、Cabloy商店，都是基于CMS静态渲染引擎构建出来的

架构特点

从系统架构而言，CabloyJS中的CMS静态渲染引擎有以下特点：

  1. JAMStack：将首页、所有文章，以及附属的JS、CSS等资源都构建成静态资源；将评论、点赞、文章访问统计等动态内容通过后端API提供，从而形成了典型的JAMStack结构

  2. Headless：由于CabloyJS是前后端分离的架构，因此所有文章等内容都可以通过后端API访问。CMS静态渲染引擎仅仅是CabloyJS内置提供的一种静态网站构建工具。我们完全可以使用Nuxt.js或者Next.js直接访问CabloyJS的后端API进行SSR或者SSG等方式的构建。从这个角度而言，CabloyJS又是典型的Headless架构

  3. 增量SSG：内置的CMS静态渲染引擎采用增量SSG的构建模式，这对于有大量内容的CMS系统而言有重要意义。换句话说，当我们发表新文章的时候，只需把这篇文章构建成静态页面即可，而不需要对整站进行构建

目标

通过本教程，我们来体验一下在CabloyJS中是如何开发博客的：

  1. 站点参数配置

  2. 添加目录

  3. 整站构建

  4. 添加文章

如果想了解CMS静态渲染引擎的更完整内容，请参见：Cabloy-CMS