在 Ubuntu 服务器部署 hexo 搭建个人博客

背景

  1. 最近在给博客做 seo 优化时发现 Github 屏蔽了百度的爬虫,导致文章很难被百度收录
  2. 从阿里云领来的服务器一直空闲,再不用我怕它生锈 😂
    综上所述,我怕不得不将博客部署到自己的服务器。明白了利害关系还等什么呢?那就开干吧!

服务器配置

在开始服务器配置之前有必要梳理下我们需要完成的任务

  1. 为本地 hexo 博客配置一个部署静态文件的远程仓库
  2. 配置 Nginx 托管博客文件目录
  3. 配置远程仓库自动更新奥博客文件目录的钩子

创建远程仓库

首先在/var/repo/下创建一个名为hexoBlog的仓库

    sudo mkdir /var/repo/

如果没有/var/repo目录,需要先创建一个,并修改目录所有权及用户权限

    sudo mkdir /var/repo/
    sudo chown -R $USER:$USER /var/repo/
    sudo chmod -R 755 /var/repo/

然后执行下面

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

配置 Nginx 托管文件目录

首先创建/var/www/blog目录,用于 Nginx 托管

sudo mkdir -p /var/www/hexo

和前面步骤一样,这里同样需要修改目录的所有权和权限

    sudo chown -R $USER:$USER /var/www/hexo
    sudo chmod -R 755 /var/www/hexo

然后修改 Nginx 的default的设置

sudo vim /etc/nginx/sites-available/default

将 root 指向/var/www/blog目录 找到以下代码

server {
    listen 80 default_server; listen [::]:80 default_server ipv6only=on;
    root html;
    index index.html index.htm;
    }

修改为

server {
listen 80 default_server;
listen [::]:80 default_server ipv6only=on;
server_name xx.xx.xx #如果你有域名此处改为你的域名 若没有直接删除这行
root /var/www/hexo;
index index.html index.htm;
}

保存退出,重启 Nginx 服务,使改动生效

sudo /etc/init.d/nginx restart

做完这一步你就可以在浏览器输入你服务器的公网 IP 访问了。不过会报错,因为你的/var/www/blog/目录是空的

创建 Git 钩子

接下来在 hexoBlog 创建一个钩子,在满足特定条件是将静态 HTML 文件传送到 Web 服务器的目录下,即/var/www/blog
在自动生成的 hooks 目录下创建一个新钩子脚本文件:

sudo vim /var/repo/hexoBlog.git/hooks/post-receive

在该文件中添加下面代码,指定 Git 的工作树(源代码)和 Git 目录(配置文件等)

#!/bin/bash
git --work-tree=/var/www/hexo --git-dir=/var/repo/hexoBlog.git checkout -f

保存退出,给该文件加权限使其变成可执行文件

chmod +x /var/repo/hexoBlog.git/hooks/post-receive

至此服务器的配置就完成了

Git 部署

通过 Git 将 Hexo 生成的静态内容推送到服务器。
编辑本地 blog 文件中的站点配置文件_config.yml,找到 Deployment 部分,按照自己的情况修改

deploy:
type: git
repo: 服务器用户名@服务器的公网 IP 地址:/var/repo/hexoBlog
branch: master

保存退出。
安装一个 Hexo 包,负责将博客所需的静态文件推送指定的服务器 Git 仓库。

npm install hexo-deployer-git --save

安装好后可以测试部署

hexo g && hexo d

期间可能提示输入服务器用户的登录密码。
完成后就可以在浏览器输入服务器公网 IP 或设置的域名并打开,就可以看到自己的博客了。

总结

本文较为完整的介绍了服务端配置通过 Git 部署。我没有使用公开的 Github 等第三方服务,而是选择直接在服务器上创建了私有仓库。然后,通过 Git 钩子,将 Hexo 生成的博客静态文件快速地推送到 Web 服务的托管目录。这样做的好处就是不受服务器与 GIthub 之间网络情况的影响,避免因第三方平台宕机或者被封,导致无法更新博客的情况。

推荐阅读更多精彩内容