vuepress部署到阿里云服务器

约 1033 字大约 3 分钟

2025-01-24

1.前置条件

购买阿里云服务器和域名、域名备案（没备案，可使用公网ip访问）、服务器安装宝塔面板和Nginx

2.本地生成ssh公钥

cmd管理员模式输入以下命令后，连续敲回车三次，到路径：C:\Users(用户)\你的用户名.ssh\id_rsa.pub，用txt文件打开并复制里面的内容，后续用于和线上服务器建立连接

ssh-keygen -t rsa

3.阿里云服务器配置

3.1新增网站

配置：

修改：设置——>配置文件
server_name，填写自己的域名 OR 公网IP
root，修改网站访问的目标路径

3.2安装Git

root身份下操作：

安装依赖库：

yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel

安装编译工具：

yum install gcc perl-ExtUtils-MakeMaker package

如果服务器已经安装好了git，建议重装，保持版本一致

# 查看git
git version

# 删除git
yum remove git -y

下载并解压2.28.0版本：

cd /usr/local/src  #进入下载的目录
wget https://www.kernel.org/pub/software/scm/git/git-2.28.0.tar.gz    #下载最新版
tar -zxvf git-2.28.0.tar.gz   #解压到当前文件夹

编译并安装，编译过程可能有点慢，耐心等待

cd git-2.28.0  #进入文件夹
make prefix=/usr/local/git all #编译源码
make prefix=/usr/local/git install    #安装路径

配置环境变量后，并再次查看版本号，检查是否安装成功

# 配置环境变量
echo 'export PATH=$PATH:/usr/local/git/bin' >> /etc/bashrc

# 刷新配置环境变量
source /etc/bashrc

3.3配置用户git

创建git账户

# 创建git账户
adduser git	
# 给git账户设置密码
passwd git		
chmod 740 /etc/sudoers

添加账户的权限，添加以下内容：

vim /etc/sudoers

git	ALL=(ALL)	ALL

3.4建立shh连接

切换到git用户，并且创建_{/.ssh文件和}/.ssh/authorized_keys文件

su git		#切换到git账户
mkdir ~/.ssh	#创建~/.ssh文件
vim ~/.ssh/authorized_keys		#打开文件

然后把前面在Windows10中生成的id_rsa.pub文件中的公钥内容复制到authorized_keys里面去

给文件赋予权限

chmod 600 /home/git/.ssh/authorized_keys
chmod 700 /home/git/.ssh

测试在本机环境下，是否能免密登录git

ssh -v git@你的服务器IP地址

先切换为root用户

建立仓库目录，修改目录权限拥有者，权限值

# /var/repo作为git仓库目录
mkdir /var/repo  
chown -R git:git /var/repo
chmod -R 755 /var/repo

创建网站目录，修改目录权限拥有者，权限值

# /var/www/hexo为网站目录
mkdir /var/www/vuepress
chown -R git:git /var/www/vuepress
chmod -R 755 /var/www/vuepress

3.6新建空仓库

创建一个裸的git仓库

cd /var/repo
git init --bare vuepress.git

新建钩子函数，使得本地每次使用hexo d命令部署hexo博客时，同步网站根目录
```
vim /var/repo/vuepress.git/hooks/post-receive
```
新增以下内容，指定git工作树源代码和git目录
```
git --work-tree=/var/www/vuepress --git-dir=/var/repo/vuepress.git checkout -f
```

增加文件权限以运行（非常重要）

chown -R git:git /var/repo/vuepress.git/hooks/post-receive
chmod +x /var/repo/vuepress.git/hooks/post-receive

4.本地脚本

将该脚本文件放置在 vuepress 根目录下。注意：仓库的master适用于git旧版本，git新版本需要更换为 main 默认分支，否则会出现服务器网站根目录数据同步不了的情况（此为本人亲自踩坑）

#!/usr/bin/env sh

npm run docs:build
cd docs/.vuepress/dist
git init 
git add -A
git commit -m "部署"

git push -f git@IP地址:/var/repo/vuepress2.git master:master
cd -


sleep 100000