从零开始的 Vuepress2.X (五)
(五)部署 VuePress
目录
前言
当我们在本地把博客弄好后,就可以去部署了
VuePress中有多种部署选择
这里我们就借助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 文件夹。
部署好后就会出现一个我们的博客地址了