部署
构建静态站点
bash
npm run docs:build构建产物在 docs/.vitepress/dist 目录下,是一组纯静态 HTML/CSS/JS 文件。
部署方式
方式一:OBS 静态网站托管
将 dist 目录上传到华为云 OBS 桶,开启静态网站托管:
- 创建 OBS 桶,设置为公共读
- 上传
dist目录下所有文件 - 配置桶的静态网站托管(索引文档设为
index.html) - 通过桶的网站端点访问
方式二:Nginx
将 dist 目录拷贝到服务器,用 Nginx 托管:
nginx
server {
listen 80;
server_name your-domain.com;
root /path/to/dist;
index index.html;
location / {
try_files $uri $uri/ $uri.html /404.html;
}
}方式三:Vercel / Netlify
直接连接 Git 仓库,设置构建命令为 npm run docs:build,输出目录为 docs/.vitepress/dist。
本地预览构建产物
bash
npm run docs:preview会在本地启动一个服务器预览构建后的站点效果。