部署

下述的指南基于以下条件:

  • Markdown 源文件放置在你项目的 docs 目录;
  • 使用的是默认的构建输出目录 (.vuepress/dist) ;
  • 使用 Yarn classic 作为包管理器,当然也可以使用 NPM 。
  • VuePress 作为项目依赖安装,并在 package.json 中配置了如下脚本:
{
  "scripts": {
    "docs:build": "vuepress build docs"
  }
}

注意:base 的正确配置,如果发布到二级目录下,base 设置为 /二级目录名/,默认是 /

云开发 CloudBase

云开发 CloudBaseopen in new window 是一个云原生一体化的 Serverless 云平台,支持静态网站、容器等多种托管能力,并提供简便的部署工具 CloudBase Frameworkopen in new window 来一键部署应用。

  1. 全局安装 CloudBase CLI :
npm install -g @cloudbase/cli
  1. 在项目根目录运行以下命令一键部署 VuePress 应用,在部署之前可以先 开通环境open in new window
cloudbase init --without-template
cloudbase framework:deploy

CloudBase CLI 首先会跳转到控制台进行登录授权,然后将会交互式进行确认。

确认信息后会立即进行部署,部署完成后,可以获得一个自动 SSL,CDN 加速的网站应用,你也可以搭配使用 GitHub Action 来持续部署 GitHub 上的 VuePress 应用。

也可以使用 cloudbase init --template vuepress 快速创建和部署一个新的 VuePress 应用。