架构的现代化特征

从系统架构而言,Cabloy-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系统而言有重要意义。换句话说,当我们发表新文章的时候,只需把这篇文章构建成静态页面即可,而不需要对整站进行构建

架构整体设计 - 动静结合(JAMStack)

动态部分

Cabloy-CMS基于CabloyJS全栈业务开发框架,提供了强大的文章后台管理系统

CMS当中经常变动的功能均通过动态部分实现,并提供后端API接口供静态部分调用,如评论、点赞、文章阅读量、RSS订阅等等

静态部分

Cabloy-CMS将首页文章等静态元素实时渲染成静态文件,既满足了SEO的需求,同时也提升了访问性能

此外,静态部分通过Ajax访问动态部分提供的后端API接口,可实现丰富的页面功能