CMS
CMS(Content Management System,内容管理系统) 是一种用来 创建、管理和发布网站内容 的系统。
本地 CMS
vitePress 是一个静态站点生成器(SSG),属于“本地内容系统”。
VitePress = Markdown + Vue3 + Vite 构建的静态文档系统
远程 CMS
“远程” 一般是相对“本地 CMS”而言的。内容数据不是存放在你的项目代码里,而是托管在一个独立的服务器或云端 CMS 服务中,通过 API(REST / GraphQL)远程获取内容。
换句话说,前端只负责展示,而所有内容(文章、图片、配置等)都来自远程 CMS。
这些系统通常提供一个后台界面,让非开发者也能轻松编辑网站内容。
WordPress
现在越来越多前端项目(比如 Vue、Nuxt、Next.js、VitePress)喜欢把 WordPress 当作 内容数据源 来用:
WordPress 只负责管理内容(后台编辑器、数据库);
前端网站是独立项目;
通过 WordPress REST API 或 GraphQL 接口 获取内容。
应用
假设你在做一个用 Vue3 + VitePress 的文档站点, 你不想每次改文案都重新构建。 于是你接入了一个远程 CMS(比如 Strapi 或 Sanity)。
你的前端会:
ts
// 示例:在前端远程请求 CMS 内容
fetch("https://mycms.com/api/posts")
.then((res) => res.json())
.then((data) => {
console.log(data); // CMS 返回的文章列表
});CMS 后台的内容编辑人员可以登录管理界面修改文章, 你的网站前端会自动展示最新内容,而无需重新部署。
