vuepress服务器部署持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第5天，点击查看活动详情

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第5天，点击查看活动详情

以下是vuepress服务器部署，感谢君哥，后续会更新插件的使用

1.安装yarn ，npm容易失败

 curl -o- -L https://yarnpkg.com/install.sh | bash
 
 # 设置yarn淘宝源
 yarn config set registry https://registry.npm.taobao.org
 yarn config set disturl https://npm.taobao.org/dist
 yarn config set sass-binary-site https://npm.taobao.org/mirrors/node-sass

2.在自己的目录内，安装vuepress

 yarn add -D vuepress 或 npm install -g vuepress
 
 #打包成html
 yarn docs:dev  或 npm run docs:dev

1.服务器安装gitee

 yum install -y git

2.安装node

 //卸载老板本
 yum remove nodejs npm -y
 curl -sL https://rpm.nodesource.com/setup_14.x | bash -
 最后执行 sudo yum -y install nodejs 来安装nodejs

3.安装nginx步骤和基本命令

 #下载
 sudo yum install -y nginx
 
 #修改vim
 sudo vim /etc/nginx/nginx.conf
 
 #启动
 sudo service nginx restart
 
 #停止
 nginx -s stop

访问nginx，看到欢迎页面即安装成功，我们继续修改配置文件

修改nginx.conf如下

 #在localhost
 
 listen 改成想用的代理的端口号;
 server_name 配置域名；
 
 #放入本地起服务的地址和端口号
  location / {
                 proxy_pass http://127.0.0.1:7777;
  }

保存配置后，需要重启

4.配置gitee

 //设置全局用户名和邮箱
 git config --global user.name "bbbbb"
 
 git config --global user.email "bbbbb@qq.com"
 
 //使用ssh密钥 按三次回车
 ssh-keygen -t rsa -C "bbbbb@qq.com"
 
 //然后进入查看密钥，gitee配置可以查看官方文档
 cat ~/.ssh/id_ed25519.pub
 
 //添加以后验证
 ssh -T git@gitee.com

5.新建目录

新建一个存放gitee代码的目录，我放在了/home/deploy下，然后配置拉代码

 
 #deploy 目录 作为存放目录
 cd /home
 mkdir deploy
 cd deploy
 
 #gitee仓库路径
 git clone git@gitee.com:silenceCJZ/blog_vuepress.git

6.使用脚本启动

 #创建start.sh 脚本
 touch start.sh
 
 #赋权
 chmod 775 start.sh 
 
 #编辑
 vim start.sh

7.编写启动脚本

进入文件夹，拉取代码，指定端口，如果占用杀掉掉口

启动vuepress

 !/bin/bash
 
 cd /home/deploy/blog_vuepress
 
 git pull
 
 #杀死已启动进程
 ID=`ps -ef|grep node | grep vuepress|awk '{print $2}' `
 echo --- the process is $ID ---
 kill -9 $ID
 echo "killed $ID"
 
 #启动
 nohup npm run docs:dev&

8.验收成果

访问nginx配置地址，即可看到自己的blog

网站需要解析，二级域名需要配置A类型

vuepress服务器部署