vabora.dev：用自研框架重做技术官网

#背景

自己的技术官网既要能写长文，又要能被搜索引擎与 AI 读懂。市面上的博客系统要么依赖一堆前端依赖， 要么把 SEO/GEO 交给插件——最后决定用自研框架从零做一套。

#做了什么

• 服务端渲染：前台是 PHP 模板直接输出 HTML，首屏不依赖前端框架；样式两个文件 76 KB（gzip 18 KB），

  脚本四个文件 38 KB（gzip 13 KB），代码高亮 / 公式 / 图表都按需懒加载。

• 内容模型：文章 / 分类 / 标签 / 案例 / 服务 / 数据字典统一在后台维护，前台所有区块由数据驱动。
• SEO 与 GEO：结构化数据（WebSite / Person / BlogPosting / Service / FAQ / BreadcrumbList）、sitemap 分片、

  canonical 与 301 规范化、llms.txt 与 llms-full.txt、每篇文章的 Markdown 出口，并放行 14 个 AI 爬虫。

• 后台能力：RBAC 多角色权限、操作审计、内容备份与恢复、数据字典导入导出、定时维护任务。

#结果

• 首页 HTML 43 KB，gzip 后 9.8 KB；2 个样式请求 + 4 个脚本请求，无前端框架；
• 全站 CSS + JS 原始 114 KB，gzip 后 28 KB；
• 页面可被 AI 直接抓取为 Markdown（/posts/{slug}/md）；
• 全站按 375 ~ 1440 四档断点适配，明暗双主题。

#怎么复现

# 首页 HTML 的 gzip 体积
curl -s -H 'Accept-Encoding: gzip' https://vabora.dev/ | wc -c

# 脚本请求数（应为 4）
curl -s https://vabora.dev/ | grep -c '<script'

# 单文件体积（路径带内容版本号，可在页面源码里取到）
curl -s -o /dev/null -w '%{size_download}\n' https://vabora.dev/assets/web/css/site.css

数字会随版本变化，方法不会：上面三条命令随时可以复核，也对得上页脚标注的"服务端渲染 · 零前端框架"。

#取舍

没有引入前端框架与构建链：官网的核心诉求是「打开就快、内容可被抓取」， 这两件事上纯服务端渲染 + 原生 CSS 的收益远大于组件复用的便利。