Skip to content

部署 ​

构建静态站点 ​

bash
npm run docs:build

构建产物在 docs/.vitepress/dist 目录下,是一组纯静态 HTML/CSS/JS 文件。

部署方式 ​

方式一:OBS 静态网站托管 ​

将 dist 目录上传到华为云 OBS 桶,开启静态网站托管:

  1. 创建 OBS 桶,设置为公共读
  2. 上传 dist 目录下所有文件
  3. 配置桶的静态网站托管(索引文档设为 index.html)
  4. 通过桶的网站端点访问

方式二: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

会在本地启动一个服务器预览构建后的站点效果。

基于 VitePress 构建