本篇内容用来讲述如何将 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. 按方向键,找到如下位置

      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 博客所在文件,打开站点配置文件(不是主题配置文件),做以下修改

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

    image-20200114112324376

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

    hexo clean

    hexo d -g

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

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐