Skip to content

GitHub Pages 部署指南 ​

本项目已配置自动部署流程,当您将代码推送到 main 分支时,会自动构建并部署 VitePress 文档到 GitHub Pages。

启用 GitHub Pages ​

要使自动部署流程正常工作,您需要在 GitHub 仓库中启用 GitHub Pages 功能。

步骤 ​

  1. 进入您的 GitHub 仓库页面
  2. 点击 "Settings" 选项卡
  3. 在左侧菜单中找到 "Pages" 选项
  4. 在 "Source" 部分,选择 "GitHub Actions"
  5. 保存设置

工作流程 ​

完成上述设置后,当您将代码推送到 main 分支时,将自动触发以下流程:

  1. GitHub Actions 工作流自动运行
  2. 安装依赖并构建 VitePress 文档
  3. 将构建结果部署到 GitHub Pages

本地开发 ​

安装依赖 ​

bash
pnpm install

本地运行文档 ​

bash
pnpm run docs:dev

本地构建文档 ​

bash
pnpm run docs:build

本地预览构建结果 ​

bash
pnpm run docs:preview

手动部署 ​

如果您需要手动部署文档到 GitHub Pages,可以使用以下命令:

bash
pnpm run deploy

访问文档 ​

部署完成后,您可以通过以下 URL 访问文档:

text
https://[您的用户名].github.io/uni-toolkit/

例如:https://liujiayii.github.io/uni-toolkit/

配置说明 ​

GitHub Actions 工作流 ​

工作流文件位于 .github/workflows/deploy-docs.yml,包含以下主要步骤:

  1. 检出代码:获取最新代码
  2. 安装依赖:使用 pnpm 安装项目依赖
  3. 构建文档:运行 pnpm run docs:build 构建文档
  4. 部署到 GitHub Pages:将构建结果部署到 GitHub Pages

VitePress 配置 ​

VitePress 配置文件位于 docs/.vitepress/config.ts,已设置:

  • base: '/uni-toolkit/':确保资源路径正确
  • 更新了导航和侧边栏结构
  • 添加了页脚信息

注意事项 ​

  1. 确保 GitHub 仓库已启用 GitHub Pages 功能
  2. 在仓库设置中,将 GitHub Pages 源设置为 "GitHub Actions"
  3. 首次部署可能需要几分钟时间才能生效

故障排除 ​

如果部署失败,请检查:

  1. GitHub Actions 工作流日志
  2. 确保所有依赖都已正确安装
  3. 检查 VitePress 配置是否有语法错误
  4. 确保仓库权限设置正确

基于 MIT 许可发布