本篇内容用来讲述如何将 hexo 博客部署到腾讯云的服务器上。
只要通过三步即可成功部署:

  1. 云服务器端 git 的配置
  2. Nginx 的配置
  3. 本地端 hexo 的设置更改

进入云服务器中

可以通过各大云服务器官网进入,或者通过Xshell6软件进入。

Hexo博客部署到云服务器 hexo部署到码云_centos

云服务器端配置 git

  • 安装依赖库和编译工具
  1. 安装依赖库
    yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel
  2. 安装编译工具
    yum install gcc perl-ExtUtils-MakeMaker package
  • 下载 git
  1. 选择一个目录来存放下载下来的 git 安装包。这里选择了/usr/local/src 目录
    cd /usr/local/src
  2. 官网找一个新版稳定的源码包下载到 /usr/local/src文件夹里
    wget https://www.kernel.org/pub/software/scm/git/git-2.16.2.tar.gz
  • 解压编译git
  1. 在当前目录下解压 git-2.16.2.tar.gztar -zvxf git-2.16.2.tar.gz
  2. 进入 git-2.16.2.tar.gz 目录下
    cd git-2.16.2
  3. 执行编译
    make all prefix=/usr/local/git
  4. 安装 git 到 /usr/local/git 目录下
    make install prefix=/usr/local/git
  • 配置 git 环境变量
  1. 将 git 加入 PATH 目录中
    echo 'export PATH=$PATH:/usr/local/git/bin' >> /etc/bashrc
  2. 使 git 环境变量生效
    source /etc/bashrc
  • 查看git版本
    git --version

如果此时能查看到 git 的版本号,说明我们已经安装成功了

  • 创建 git 仓库,用于存放博客网站资源
  1. home/git 的目录下,创建一个名为hexoBlog的裸仓库(bare repo)。
    如果没有 home/git 目录,需要先创建;然后修改目录的所有权和用户权限。
    mkdir /home/git/chown -R $USER:$USER /home/git/chmod -R 755 /home/git/
  2. 然后,执行如下命令.这一步主要创建一个裸的 git 仓库
    cd /home/git/git init --bare hexoBlog.git
  • 创建一个新的 git 钩子,用于自动部署
  1. /home/git/hexoBlog.git 下,有一个自动生成的 hooks 文件夹。我们需要在里边新建一个新的钩子文件 post-receive
    vim /home/git/hexoBlog.git/hooks/post-receive
  2. i 键进入文件的编辑模式,在该文件中添加两行代码(将下边的代码粘贴进去),指定 Git 的工作树(源代码)和 Git 目录(配置文件等)。
    git --work-tree=/home/hexoBlog --git-dir=/home/git/hexoBlog.git checkout -f
  3. 然后,按 Esc 键退出编辑模式,输入:wq 保存退出。
  4. 修改文件权限,使得其可执行。
    chmod +x /home/git/hexoBlog.git/hooks/post-receive

到这里,我们的 git 仓库算是完全搭建好了。下面进行 Nginx 的配置。

云服务器端配置 Nginx

  1. 安装 Nginx
    yum install -y nginx
  2. 启动 Nginx
    service nginx start
  3. 测试 Nginx 服务器
    wget http://127.0.0.1能够正常获取以下欢迎页面说明Nginx安装成功。
  4. 测试网页是否能打开.在浏览器中输入服务器 ip 地址,就是服务器的公网 ip。
  5. 配置 Nginx 托管文件目录
  1. 创建 /home/hexoBlog目录,用于 Nginx 托管。
  • mkdir /home/hexoBlog/
  • chown -R $USER:$USER /home/hexoBlog/
  • chmod -R 755 /home/hexoBlog/
  1. 查看 Nginx 的默认配置的安装位置
  • nginx -t
  1. 修改Nginx的默认配置
  • vim /etc/nginx/nginx.conf
  1. 按方向键,找到如下位置
server {
    listen 80 default_server;
    listen [::]:80 default_server;
    root /home/hexoBlog;    #需要修改
    
    server_name www.bujige.net; #需要修改
    
    # Load configuration files for the default server block.
    include /etc/nginx/default.d/*.conf;
    location / {
    }
    error_page 404 /404.html;
        location = /40x.html {
    }
   }

Hexo博客部署到云服务器 hexo部署到码云_Hexo博客部署到云服务器_02

i键进入插入模式,将其中的 root 值改为 /home/hexoBlog (刚才创建的托管仓库目录)。
将 server_name 值改成你的域名

  1. 重启 Nginx 服务
    service nginx restart

至此,服务器端配置就结束了。接下来,就剩下本地 hexo 的配置更改了。

修改 hexo 站点配置文件 git 相关设置

  1. 打开你本地的 hexo 博客所在文件,打开站点配置文件(不是主题配置文件),做以下修改
deploy:
    type: git
    repo: root@你的云服务器的IP地址:/home/git/hexoBlog
    branch: master

Hexo博客部署到云服务器 hexo部署到码云_git_03

  1. 在 hexo 目录下执行部署,试试看打开git bash
    hexo cleanhexo d -g
  2. 在地址栏输入打开你的公网! IP,看是不是已经部署成功了
    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9JrJA6WW-1601295246040)(https://cdn…net/gh/kylincw/!//20200404214342.png#pic_center)]