两款CMS系统体验
两款CMS系统体验
2024-09-14
因为Ghost只提供文章的 HTML 代码，不提供 Markdown 的问题导致我曾经一度想更换CMS系统。但是将近800篇文章的转移工作十分麻烦，而且之前也尝试过用一些工具处理，无一都失败了，问题多是因为古早之前的很多文章存在格式问题，无法通过一些 HTML to Markdown 工具的转换规则，所以这个事也就一直没下定决定弄。
不过不影响我寻找下一位有动力让我这么做的CMS继任者。
最近发现了两款CMS工具，分别是：
- KeyStatic： 之前有在周报 🤣JUSTFUN 周刊：第13期 中推荐过，一款基于Github的CMS系统。
- PocketBase：一款用Go写的非常轻量、高速的CMS工具，使用简单，扩展性强。
KeyStatic
基于Github的CMS系统有很多，我所知道的就不下四五款，比如有： statamic/cms 、keystonejs/keystone 等。
在周报里我也提到过，我是在Astro的CMS推荐列表中看到了KeyStatic，并在昨天花了一点时间体验了一下，整体体验还是不错的，总结如下。
- 字段：可以进行丰富的字段配置和自定义，但是字段配置需要通过配置文件进行，而且可选项有点多，初上手会比较麻烦，好在官方提供了一些模板库，可以直接超。
- 同步：可以基于本地也可以基于Github，基于Github模式的话每次增加文件文章后需要手动提交pull request，在页面上有个按钮，点击能跳转到Github，然后再进行后续操作，其实还是比较麻烦的。
- 部署：官方提供了一些Astro、Next.js等集成，可以将网站、管理面板都部署在Vercel、Netlify、Clouflare上，对白嫖党来说是还是比较友好的。而且因为集成了SSG工具，网站也能同一时间进行更新发布。
- 文件：
- 文章：撰写的文章会在项目里生成对应的markdown文件
- 图片：也会传到Github的内，官方目前提供了一个云服务，后续应该也是会支持S3、R2等服务的。
- 定制化：后台的定制性非常强，你甚至可以在字段设置里使用你写的Astro组件，不过需要一定的开发知识。
- API：很丰富，还提供了Nodejs的api库，操作非常方便。
💡
昨天在部署到Vercel后提示链接不安全，在文档里找了半天没发现有相关的说明，后来想起在初始化链接到GitHub时提示了需要设置一个发布网址，当时留空了，所以重新去Github中的App Setting里增加了Vercel链接的Rule后解决。
Poketbase
现在的CMS系统都设计都好强悍呀！昨天刷到蜗牛大佬Star了一个叫 pocketbase 的开源内容管理系统，程序是用Go写的，基于SQLite数据。
管理全在网页上进行，虽然结构简单，但是API、权限、功能拓展什么的都一应俱全，相当哇撒了。
- 字段：官方提供的字段略少，而且Content内容目前只能保存解析好后的HTML字符串，而且没有自动生成slug。
- 同步：因为是通过二进制程序直接运行，也有其他开发者提供了Docker版本，就是一个在线服务，所以没有数据同步问题，所以这部分会比较简单，好管理一些。
- 部署：同上，直接起个Docker就行了，但是并没有集成前端框架，不过有完善的API、权限管理，在SSG中实现一下就好。
- 文件： 文件可以存在本地，也支持上传到R2等服务上。
- 定制化：这部分可能会比KeyStatic弱很多，目前文档里没怎么有这方面的介绍
- API：很完善，接口权限划分的很细。
因为官方没有自带slug生成的功能，所以我跟着官方文档写了个转换脚本，很有意思。
onRecordBeforeUpdateRequest((e) => {
const pinyin = require(pinyin);
const title = e.record.get("title"); const titleToSlug = (title) => { const pinyinTitle = pinyin(title, { style: pinyin.STYLE_NORMAL, // 普通风格 heteronym: false, // 不使用多音字 }) .flat() .join("-"); // 将拼音数组转换为字符串并用短横线连接
return pinyinTitle .trim() // 去除首尾空格 .replace(/[\s]+/g, "-") // 将空格替换为短横线 .replace(/[^\w-]+/g, "") // 删除非字母数字和非短横线字符 .replace(/--+/g, "-") // 替换多个短横线为一个短横线 .replace(/^-+|-+$/g, ""); // 去除首尾的短横线 };
// 示例用法 const slug = titleToSlug(title); e.record.set("slug", slug); }, "posts");
官方提供的event hook也相当多，能玩出非常多的花样。
- App hooks
- DB hooks
- Mailer hooks
- Record CRUD API hooks
- Record Auth API hooks
- Realtime API hooks
- File API hooks
- Collection API hooks
- Settings API hooks
- Admin CRUD API hooks
- Admin Auth API hooks
目前唯一的疑惑是为啥不提供markdown格式的fields呀？
至于换不换CMS，还是准备再蹲蹲。
