美文网首页程序员计算机技术交流(IT)
在 Ubuntu 服务器部署 hexo 搭建个人博客

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

作者: 喝醉酒的咖喱鸡 | 来源:发表于2018-09-13 05:24 被阅读264次

    背景

    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 之间网络情况的影响,避免因第三方平台宕机或者被封,导致无法更新博客的情况。

    相关文章

      网友评论

        本文标题:在 Ubuntu 服务器部署 hexo 搭建个人博客

        本文链接:https://www.haomeiwen.com/subject/unuigftx.html