Skip to content

部署文档站

本站是 VitePress 静态站点。构建时会把 Markdown 预渲染为 HTML,并输出带内容哈希的 JS/CSS 资源,因此不需要常驻 Node.js 服务、数据库或服务端渲染。

本地构建

bash
npm ci
npm run docs:build
npm run docs:preview
配置
构建命令npm run docs:build
输出目录docs/.vitepress/dist
Node.js20 或更高
默认站点路径/

生产站点默认使用 https://docs.anibaka.com 生成 sitemap 与社交分享图片地址。预览或镜像部署可通过 DOCS_ORIGIN 覆盖。

部署选择

Cloudflare Pages

连接 Git 仓库,自动构建、预览 PR 并发布到 pages.dev。适合纯文档站的零维护部署。

Cloudflare Workers

用 Workers Static Assets 直接上传预渲染产物。仓库已包含 wrangler.jsonc。

GitHub Pages

通过 Actions 上传静态产物;项目站点需要设置正确的 DOCS_BASE。

Vercel / Netlify

使用相同构建命令和输出目录,不需要框架适配器或 Serverless Function。

子路径部署

默认 base/。部署到 https://user.github.io/repository/ 之类的子路径时:

bash
DOCS_BASE=/repository/ npm run docs:build

PowerShell:

powershell
$env:DOCS_BASE='/repository/'
npm run docs:build

自定义域名通常仍使用 /

缓存建议

VitePress 的构建资源文件名包含哈希,可以长期 immutable 缓存;HTML 应使用较短缓存或 revalidate。不要开启会删除 HTML 注释的自动压缩功能,Vue hydration 可能依赖这些注释。

继续阅读:Cloudflare 部署 · 其他静态平台

文档内容采用项目许可证约束;第三方站点与内容不由 AniBaka 提供。