从零开始的 Vuepress2.X (五)

Toby2023/3/24VueVuepress2.X
(五)部署 VuePress

前言

当我们在本地把博客弄好后,就可以去部署了
VuePressopen in new window中有多种部署选择
这里我们就借助gitee来实现

部署到gitee

新增仓库

我们在gitee上面新建一个仓库,用于存放我们的博客。

这里有两点需要注意:

  • 仓库名称建议与个人空间地址保持一致,这样就可以就可以通过个人[空间地址.http://gitee.io]的形式访问了。
  • 仓库私有或者共有根据个人情况而定。

仓库创建成功后如下图:

推送到gitee

仓库建好后,就需要将我们本地的博客推送到仓库。

  • (1) 打包博客 执行打包指令

npm run build

  • (2) 推送到仓库
git init 
git add .
git commit -m "初始化"
git remote add origin https://gitee.com/Toby_c/docs.git
git push -u origin "master"

这样代码就推到了仓库中了

部署

在仓库页面点击服务菜单,选择 Gitee Pages 选项:

选择部署分支和部署目录:

  • 默认的构建输出目录是 .vuepress/dist
  • 所以部署目录选择根目录下 .vuepress/dist 文件夹。

部署好后就会出现一个我们的博客地址了

更新时间 2024/5/20 14:47:01