为什么我们用 Directus 做博客

为什么 Z.Tools 选 Directus 做博客后端：内容运行时动态发布、复用现有 Postgres、零额外存储成本，且和 Nuxt SSR 无缝结合。

Z.Tools 团队3 min read

这是一篇 测试 文章，内容存在你的开发数据库（Postgres directus schema），由 Nuxt SSR 渲染。

这套架构的好处

  1. 文章在浏览器后台 (/admin) 写完，立即生效
  2. 不需要重新部署 Nuxt 应用
  3. 复用项目已有的 Postgres，没有额外存储成本

代码示例

const { data: post } = await useAsyncData(
    () => `blog-post-${slug.value}`,
    () => directus.getPostBySlug(slug.value),
);

引用

Headless CMS 的本质：内容和展示完全解耦。前端只负责渲染，后台只负责管理。

列表

  • 任意 Markdown 语法都能渲染
  • 支持代码高亮（Shiki）
  • 支持 Vue 组件嵌入（MDC 提供）
  • SSR 友好，HTML 在服务端就生成好

访问首页

  • 架构
  • Directus
  • Nuxt
  • SSR