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

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

进入云服务器中

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

image-20200114105015326

云服务器端配置 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.gz

      tar -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

    image-20200114110836950

    如果此时能查看到 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安装成功。

    image-20200114111519880

  4. 测试网页是否能打开.在浏览器中输入服务器 ip 地址，就是服务器的公网 ip。

  5. 配置 Nginx 托管文件目录

    1. 创建 /home/hexoBlog目录，用于 Nginx 托管。

      • mkdir /home/hexoBlog/

      • chown -R $USER:$USER /home/hexoBlog/

      • chmod -R 755 /home/hexoBlog/

    2. 查看 Nginx 的默认配置的安装位置

      • nginx -t

    3. 修改Nginx的默认配置

      • vim /etc/nginx/nginx.conf

    4. 按方向键，找到如下位置

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
         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 {
             }
      }

      image-20200410152422958

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

    5. 重启 Nginx 服务

      ​ service nginx restart

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

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

  1. 打开你本地的 hexo 博客所在文件，打开站点配置文件（不是主题配置文件），做以下修改

    1
    2
    3
    4
    deploy:
        type: git
        repo: root@你的云服务器的IP地址:/home/git/hexoBlog
        branch: master

    image-20200114112324376

  2. 在 hexo 目录下执行部署，试试看打开git bash

    hexo clean

    hexo d -g

  3. 在地址栏输入打开你的公网 IP，看是不是已经部署成功了

    image-20200114112557307