Vuepress | 部署

约 1110 字大约 4 分钟

2025-01-24

AI 正在分析并生成摘要... |

前置条件

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

本地生成 ssh 公钥

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

ssh-keygen -t rsa

阿里云服务器配置

新增网站

配置：

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

安装 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

配置用户 git

创建 git 账户

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

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

vim /etc/sudoers

git	ALL=(ALL)	ALL

建立 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

新建空仓库

创建一个裸的 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

本地脚本

将该脚本文件放置在 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