将vuepress搭建的博客网站部署到服务器

一、腾讯云部署

1. 安装云开发工具

   npm i -g @cloudbase/cli
   

2. 授权命令

   tcb login
   

3. 上传 命令

   cd docs/.vuepress/dist
   tcb hosting:deploy ./ -e blog-0gndov6b668516d2
   

4. 上传成功

   

5. 访问 地址

6. 脚本

   #!/usr/bin/env sh
   
   # 确保脚本抛出遇到的错误
   set -e
   
   # 生成静态文件
   yarn run build
   
   # 进入生成的文件夹
   cd docs/.vuepress/dist
   
   # 需要先登录
   # tcb login
   
   # 上传腾讯静态网站托管
   tcb hosting:deploy ./ -e <你的环境id>
   
   

二、github部署

部署脚本

#!/usr/bin/env sh

# 确保脚本抛出遇到的错误
set -e

# 生成静态文件
npm run docs:build

# 进入生成的文件夹
cd docs/.vuepress/dist

# 如果是发布到自定义域名
# echo 'www.example.com' > CNAME

git init
git add -A
git commit -m 'deploy'

# 如果发布到 https://<USERNAME>.github.io
# git push -f git@github.com:<USERNAME>/<USERNAME>.github.io.git master

# 如果发布到 https://<USERNAME>.github.io/<REPO>
# git push -f git@github.com:<USERNAME>/<REPO>.git master:gh-pages

三、nginx 部署

部署脚本

#!/usr/bin/env sh

# 确保脚本抛出遇到的错误
set -e

# 进入 dist 文件夹
cd docs/.vuepress/dist

# 拷贝到本地 nginx 文件夹下面 \cp 是覆盖源文件
echo "**************************** 本地部署 *************************"
\cp -rf * /usr/local/var/www/docs
echo "**************************** 部署成功 *************************"

# 上传服务器 (需先配置ssh互信)
echo "**************************** 传输文件 *************************"
scp -r dist/** <用户名>@<服务器地址>:/usr/share/nginx/html/docs
echo "**************************** 部署成功 *************************"

还可以使用备案的域名配置访问地址