通过git+nginx将HEXO部署到服务器

写在前面

因为HEXO为静态博客,所以只需要把HEXO生成(generate)的文件上传到服务器。然后通过配置nginx访问静态文件就可以了。

大致流程为:

  1. 写博客。并将博客文件放到source文件夹下。
  2. 通过hexo gsource文件夹下的.md文件生成静态网页文件,放置于public
  3. 执行hexo dpublic下的文件通过git同步到服务器上的远程仓库。
  4. 访问博客的网址,通过nginx访问服务器上存放的静态文件。

示意图如下:

image-20221026232633525

**注意:**本篇内容主要讲解如何将如何将本地的文件部署到服务器上,所以并非从零开始的。

再开始之前,你应在完成一部分准备工作。

  • 已经在本地配置好nood.js和HEXO,已经可以通过本机地址(localhose:4000)访问网站。
  • 本地已经安装好Git
  • 拥有一台云服务器

那么,现在开始了。

配置Git

服务器安装配置git

安装

不同Linux系统安装git的命令不同,下面以ubuntu为例:

sudo apt update
sudo apt install git
创建git用户
useradd  git  # 需要root权限
# 一般创建的时候会提示你填写信息,如密码。如果没有,请执行
passwd git
创建一个Git仓库

我把仓库放在了/home/git/blog.git。注意这个文件夹并不是存放网页静态文件的地方。

cd /home/git
git init --bare blog.git
创建存放网页静态文件的文件夹

我将文件放在了/data/HexoBlog。不过处于权限设置的考虑,建议放在home文件夹下。

配置Git Hooks,实现自动化部署

进入git仓库的hooks目录,创建post-receive文件。

cd /home/git/blog.git/hooks
vi post-receive

将如下内容复制进去,该内容可以将git仓库的内容复制到另外的文件夹下。(注意修改路径地址。work-tree为你刚刚创建存放网页静态文件的文件夹,git-dir是你git仓库的地址。

#!/bin/sh
git --work-tree=/data/HexoBlog --git-dir=/home/git/blog.git checkout -f

post-receive文件以可执行权限

chmod +x post-receive

本地生成ssh密钥

在本地电脑的CMD中执行

ssh-keygen

执行后会生成ssh密钥和公钥,默认保存位置在C:\Users\$username$\.ssh。其中,username为你的用户名。

该文件夹下的id_rsa.pub,即后续需要的公钥文件。

上传ssh密钥到服务器

进入git用户目录/home/git,创建文件夹.ssh,进入该文件夹创建文件authorized_keys

cd /home/git
mkdir .ssh
cd .ssh
vi authorized_keys

将之前id_rsa.pub中的内容复制进去。

修改文件权限

# 需要权限
chown git:git /home/git/.ssh/authorized_keys
chmod 600 /home/git/.ssh/authorized_keys
chmod 700 /home/git/.ssh

完成后,即可实现免密操作git了。

可以测试一下是否成功:

ssh user@host  # 在本机执行

配置Hexo

进入Hexo base文件夹,打开_config.yml文件,找到deploy的部分。

添加如下内容:

deploy:
- type: git
  repo: git@124.223.114.233:/home/git/HexoBlog  # 注意修改你的repository地址
  branch: master
  message:

修改完后执行hexo d,如果提示成功了,则Hexo会通过git将博客部署到服务器上。

可以连接服务器打开你存放网页静态文件的文件夹,查看是否有文件,看和本地hexo下public里的内容是否一致。

此后,在此发布新博客只需要执行HEXO三连就好了。

配置Nginx

现在已经可以可以将HEXO博客部署到服务器上了,但是我们还无法从也页面上访问。最后一部,通过nginx访问博客文件。

打开nginx的配置文件,一般在/etc/nginx/nginx.conf

http的大括号内添加如下server

server {
        listen       80;
        server_name  _;  
        root         /home/HexoBlog;  # 
        index index.html;
    }

其中,listen处填写你的端口。如果你是国内的服务器的话,需要备案后才可给开放80端口;server_name处填写你的域名,如果填写’_'则代表全匹配;root填写你存放网页静态文件的文件夹。

如果nginx是通过docker部署的,记得把该文件夹挂载到容器里。然后root处填写容器内挂载的地址。

现在重启nginx,访问你的服务器。博客应该可以正常访问了。

结语

结束

  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值