跳到主要内容
轻盈的鱼

日期：2026/09/15

关于本站

Crispy 3.0 是基于 Payload CMS 3 与 Next.js 16 App Router 的个人博客 / 内容站（非通用多业态 CMS），用于发布技术文章、学习笔记与页面内容。内容在后台编辑，支持分类、标签、评论、短链接、AI 助手与前台 HTML 缓存。

—

技术架构

核心栈

  • Next.js 16 App Router — 前台 SSR/RSC，开发端口 3333
  • Lexical — 富文本编辑器
  • Tailwind CSS 4 — 前台样式
  • pnpm — 包管理，统一命令入口 pnpm cli

数据存储

  • SQLite — 本地默认（.data/payload.db）
  • PostgreSQL — 生产环境，通过 pnpm cli db:migrate 执行迁移（生产禁止 schema push）

官方插件

  • Import/Export、Query Presets、SEO、Search、Redirects、Form Builder
  • MCP — 外部 AI Agent 读写内容（/api/mcp）

Crispy 自建能力

  • 前台 — Layout / 页面 / 样式在 src/frontend/
  • 后台 AI 助手 — 对话式内容管理（/admin/ai-agent）
  • 前台 AI 助手 — 访客公开只读检索（右下角浮窗）
  • 审计日志 — 写操作追踪
  • 前台 HTML 缓存 — 可配置 TTL 与 purge
  • 语义搜索 — Postgres + pgvector + embedding（posts/pages）

—

内容与功能

  • 归档 — /posts 文章列表与详情
  • 分类与标签 — 嵌套分类、标签筛选
  • 单页 — Hero + 布局区块，后台可视化编辑
  • 友情链接 / 友链分组 — /links
  • 短链接 — /s/{slug}
  • 图库 — /galleries
  • 评论 — 文章与单页评论，后台审核
  • RSS — /rss
  • 搜索 — search-index.json 供前台检索
  • 后台 — /admin Payload Admin，RBAC 角色权限
  • 二次开发文档 — docs/dev-docs.md（部署、权限、AI、MCP 等）

—

界面与风格

  • Admin 主题色相 — OKLCH --hue 可调
  • 响应式 — 移动端导航与阅读区域适配小屏

—

版权与说明

  • Crispy 3.0 greenfield 重写，与 2.x 无代码继承。main 为稳定主线；personal-blog 用于产品面收窄。
  • 开源仓库：GitHub