title: 部署指南 description: VibeVibe 教程私有化部署指南 私有化部署指南 本教程正处于快速更新期,部署后可能很快有新版本发布。建议定期拉取最新代码并重新构建以获取最新内容。 本指南介绍如何在企业内部网络环境中私有化部署 VibeVibe 教程网站。 项目概述 VibeVibe 是基于 VitePress 构建的静态网站,完全独立运行,无需外部 API 调用。这意味着私有化部署非常简单——只需要将构建产物部署到您内部的服务器即可。 技术栈 技术 | 版本 | 用途 VitePress | 1.6.4 | 静态网站生成器 Vue | 3.5.25 | 前端框架 Node.
title: 部署指南 description: VibeVibe 教程私有化部署指南
::: warning 快速更新中
本教程正处于快速更新期,部署后可能很快有新版本发布。建议定期拉取最新代码并重新构建以获取最新内容。
:::
本指南介绍如何在企业内部网络环境中私有化部署 VibeVibe 教程网站。
VibeVibe 是基于 VitePress 构建的静态网站,完全独立运行,无需外部 API 调用。这意味着私有化部署非常简单——只需要将构建产物部署到您内部的服务器即可。
| 技术 | 版本 | 用途 |
|---|---|---|
| VitePress | 1.6.4 | 静态网站生成器 |
| Vue | 3.5.25 | 前端框架 |
| Node.js | 推荐 24 LTS | 构建环境 |
这是最简单的方式,适合大多数场景。
# 1. 克隆项目 git clone https://github.com/datawhalechina/vibe-vibe.git cd vibe-vibe # 2. 安装依赖 pnpm install # 3. 构建静态网站 pnpm build # 4. 构建产物位于 docs/.vitepress/dist 目录 # 将整个 dist 文件夹复制到您的 Web 服务器即可
构建完成后,docs/.vitepress/dist 目录包含所有静态文件,您可以将其部署到:
Docker 方式最简单——容器内已集成 Nginx,一条命令即可启动:
# Dockerfile FROM node:24-alpine AS builder WORKDIR /app # 安装 pnpm RUN npm install -g pnpm # 复制 package.json 和 lock 文件 COPY package.json pnpm-lock.yaml ./ # 安装依赖 RUN pnpm install --frozen-lockfile # 复制项目文件 COPY . . # 构建 RUN pnpm build # 使用 Nginx 提供静态文件服务 FROM nginx:alpine COPY --from=builder /app/docs/.vitepress/dist /usr/share/nginx/html EXPOSE 80
# 构建镜像 docker build -t vibevibe-docs . # 运行容器(访问 http://localhost:8080) docker run -d -p 8080:80 vibevibe-docs
优势:容器内已集成 Nginx,无需额外配置,一条命令启动服务。
如果您使用腾讯云 EdgeOne Pages,可以一键部署:
构建后可以在本地预览:
pnpm preview # 访问 http://localhost:4173
由于是静态网站,私有化部署后完全离线运行,不需要互联网连接。
Giscus 评论系统(如使用):
图片资源:
docs/public/ 目录外部 CDN:
完全离线环境下的构建步骤:
# 1. 在有网络的机器上下载项目 git clone https://github.com/datawhalechina/vibe-vibe.git # 2. 打包项目(包含 node_modules) tar czf vibe-vibe.tar.gz vibe-vibe/ # 3. 传输到离线服务器并解压 tar xzf vibe-vibe.tar.gz # 4. 如果 node_modules 不完整,需要重新安装 cd vibe-vibe # 使用本地 npm 源或离线安装包
不需要。VibeVibe 是纯静态网站,所有内容都是 Markdown 文件预渲染生成的。
不需要。您可以使用内网 IP 地址访问,如 http://192.168.1.100:8080。
支持。VitePress 内置的客户端搜索功能完全离线可用。
# 1. 拉取最新代码 git pull # 2. 重新构建 pnpm build # 3. 替换 dist 目录即可
# 清理缓存重新构建 rm -rf node_modules docs/.vitepress/cache pnpm install pnpm build
如果需要定制教程内容(如添加公司内部案例),可以直接修改 Markdown 文件后重新构建。
如遇到部署问题,请:
本项目采用 CC BY-NC-SA 4.0(署名-非商业性使用-相同方式共享 4.0)许可协议。
在私有化部署场景下:
| 使用场景 | 是否允许 | 说明 |
|---|---|---|
| 企业内部培训学习 | ✅ 允许 | 在公司内部用于员工学习编程 |
| 学校教学使用 | ✅ 允许 | 用于教育目的的课堂教学 |
| 收费课程/训练营 | ❌ 禁止 | 不得将本教程用于商业盈利活动 |
| 修改内容后内部使用 | ✅ 允许 | 可以修改内容后在内部分发,但需遵循相同协议 |
| 移除原作者信息 | ❌ 禁止 | 必须保留 Datawhale 和原作者的署名 |
完整许可证文本请参阅:Creative Commons BY-NC-SA 4.0