Skip to content

文档站部署说明

本页用于说明这套指南当前如何进行本地预览、静态构建,以及后续如何接入线上托管。

1. 本地预览

安装依赖

bash
npm install

启动开发预览

bash
npm run docs:dev

默认会启动 VitePress 本地服务,适合你继续调首页、导航、样式和内容结构。

2. 静态构建

构建站点

bash
npm run docs:build

构建成功后,静态产物会输出到:

text
docs/.vitepress/dist/

本地预览构建结果

bash
npm run docs:preview

3. 站点配置入口

如果你需要继续调整站点结构,优先看下面几个文件:

  • VitePress 主配置:docs/.vitepress/config.ts
  • 主题入口:docs/.vitepress/theme/index.ts
  • 首页样式:docs/.vitepress/theme/custom.css
  • 中立导航配置:docs/site-navigation.json
  • 人类可读侧边栏
  • 框架配置草案:docs/site-configs/README.md

4. 静态托管建议

当前这套文档站本质上是标准静态站点,因此可以部署到:

  • GitHub Pages
  • Vercel
  • Netlify
  • 任意支持静态文件托管的对象存储 / CDN

部署时只需要把 docs/.vitepress/dist/ 目录作为发布产物即可。

5. GitHub Pages 最小思路

想通过网页访问? 只需在 GitHub 仓库里做一件事:Settings → Pages → Source 选 “GitHub Actions”
推送代码到 main 后会自动部署,访问地址为:https://你的用户名.github.io/ai-agent-guide/(项目仓库)。
详细步骤见 GitHub Pages 部署说明 第 0 节。

如果后续你准备接 GitHub Pages,建议流程是:

  1. 在 CI 中执行 npm install
  2. 执行 npm run docs:build
  3. docs/.vitepress/dist/ 发布到 Pages

当前仓库已补:

  • Workflow 示例:docs/site-configs/github-pages-workflow.yml.example
  • 配套说明
  • 真实 workflow:.github/workflows/deploy-docs.yml
  • 自建服务器部署:仓库内 scripts/README-deploy-server.md,推荐域名 agent.daozishule.cn

6. Vercel 最小思路

如果你更偏向零配置托管,也可以选择 Vercel。 当前仓库已补:

  • 配置示例:docs/site-configs/vercel.json.example

最小思路是:

  1. 安装依赖:npm install
  2. 构建站点:npm run docs:build
  3. 输出目录指向:docs/.vitepress/dist/

7. Netlify 最小思路

如果你希望使用传统静态站托管平台,也可以选择 Netlify。 当前仓库已补:

  • 配置示例:docs/site-configs/netlify.toml.example

最小思路是:

  1. 安装依赖:npm install
  2. 构建站点:npm run docs:build
  3. 发布目录:docs/.vitepress/dist/

8. GitHub Pages 实战说明

当前真实 workflow 会在 CI 中:

  1. 自动计算 VITEPRESS_BASE
  2. 安装依赖并构建站点
  3. docs/.vitepress/dist/ 发布到 GitHub Pages

如果仓库名不是 {owner}.github.io,workflow 会自动把 base 设置为 /{repo}/

9. 部署后访问路径说明

部署成功后,最常见的访问路径差异来自 base

  • 如果你部署的是个人主页仓库(如 {owner}.github.io),通常访问根路径 /
  • 如果你部署的是项目仓库(如 repo-name),GitHub Pages 常见访问路径会变成 /{repo-name}/
  • 当前仓库的真实 workflow 会自动注入 VITEPRESS_BASE,尽量减少这类手工配置错误。
  • 如果你换成 Vercel 或 Netlify,通常可以直接使用根路径 /,但若你做了二级路径托管,仍需同步调整 base

10. 当前状态

当前仓库已验证:

  • npm install 可完成依赖安装
  • npm run docs:build 可成功构建站点
  • 站点首页、侧边栏、样章、专题、项目线、附录、示例和组件都能参与构建
  • SEO:已配置 sitemap.xml、robots.txt、每页 canonical、Open Graph / Twitter meta;默认站点 URL 为 https://agent.daozishule.cn,部署到 GitHub Pages 时请设置环境变量 VITEPRESS_SITE_URL 为实际域名(如 https://你的用户名.github.io)并在 build 时传入 VITEPRESS_BASE

11. 推荐下一步

如果你准备继续把它做成真正线上站点,建议按这个顺序推进:

  1. 固定域名和部署目标
  2. 补 GitHub Actions 或其他 CI workflow
  3. 增加真实截图与配图
  4. 继续细化首页视觉层与站点导航体验

12. 配图规划入口