VuePress部署
# 前言
😋在本地把自己的博客搭建起来了,那肯定是要上线。和大家一起交流、分享心得之类的。
# 1.选型
这里咱就不列举别的了,因为[云开发 CloudBase](云开发CloudBase - Serverless 云原生一体化产品方案 (opens new window))实在是很方便。
该服务是有腾讯云提供。
# 2.购买服务
进去开通一下就好。
不算太贵,打完折下来一个月也就20钱左右。
这里还有一个学生白嫖的[链接](学生云服务器_学生云主机_学生云数据库_云+校园特惠套餐 - 腾讯云 (tencent.com) (opens new window))想着先试用一下看能不能用。
白嫖赛高!😙
购买完成后就可以去查看了。
# 3.安装CloudBase CLI
npm install -g @cloudbase/cli
1
使用npm安装CloudBase CLI,安装完成后使用下面命令绑定CloudBase
cloudbase login
1
在项目根目录使用tvb new初始化一下
setx HTTP_PROXY "http://127.0.0.1:8000"
cloudbase framework deploy -e <环境id>
1
2
2
使用上面命令部署VuePress即可
# 可能会遇到的问题
1.使用命令提交报错找不到dist目录
这个给我闹麻了,我对应的目录都在,就是会报找不到目录。
解决办法
可以看到上图显示的这个json文件,cloudbaserc.json文件这个就是配置文件,我看了一下他的这个outputPath的路径就不对,当前目录实在web下,在这个位置并没有.vuepress这个目录,到这里大家应该都明白的差不多了,dist目录在docs/.vuepress/dist修改一下就可以。