通过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,访问你的服务器。博客应该可以正常访问了。

结语

结束

<think>好的,用户想了解如何使用Hexo搭建博客并部署到阿里云服务器。首先,我需要整理整个流程,确保步骤清晰,用户能一步步跟着操作。 首先,Hexo是基于Node.js的,所以需要先安装Node.js和Git。这两个是基础环境,用户可能已经安装过,但最好还是提醒他们检查版本,确保兼容性。安装完成后,通过npm安装Hexo-cli,然后初始化项目,这应该是搭建本地博客的第一步。 接下来,生成静态文件和启动本地服务器是常规操作,用户需要验证本地是否运行正常。这时候可能会遇到主题或插件的问题,但用户的问题主要集中在部署,所以这部分可能不需要深入,除非用户后续提问。 然后是部署到阿里云的部分。用户需要准备阿里云服务器,这里要提到安全组的设置,开放80、443和22端口,这是关键,否则无法访问。接着在服务器上安装必要的软件,如GitNginx和Node.js,确保环境配置正确。 创建Git仓库和配置钩子文件是关键步骤。通过初始化裸仓库,并配置post-receive钩子,实现自动同步到网站目录。这里可能需要处理权限问题,用户需要注意目录的所有权和执行权限。 本地Hexo配置部分,需要修改_config.yml文件,添加部署器配置,设置服务器的IP和仓库路径。同时安装hexo-deployer-git插件,这样才能通过hexo d命令推送代码。 最后,生成和部署,清理缓存,确保文件更新。部署成功后,配置Nginx指向网站目录,这样用户才能通过域名或IP访问博客。可能还需要提醒用户绑定域名和配置SSL,但用户的问题可能暂时不需要这部分,不过可以作为优化建议提到。 在引用参考资料时,要确保正确对应。例如,引用[3]提到创建Git仓库,引用[4]涉及部署命令。需要检查每个步骤是否有对应的引用支持,避免错误。 用户可能遇到的问题包括权限设置、端口未开放、钩子脚本执行失败等,但问题中没有提到具体错误,所以回答中先给出标准流程,后续可以建议查看日志或排查这些常见问题。 总结来说,流程分为本地环境搭建、服务器配置、Hexo部署设置、部署和验证几个大步骤,每个步骤需要明确命令和配置,确保用户能一步步操作。同时,相关问题可以引导用户进一步了解优化和自动化部署,比如使用CI/CD工具或配置HTTPS,提升博客的安全性和访问速度。</think>### Hexo 博客搭建与部署至阿里云服务器完整流程 --- #### **一、本地环境搭建** 1. **安装 Node.js 和 Git** - 下载 Node.js(含 npm)[官网](https://nodejs.org)并安装,验证安装: ```bash node -v # 查看Node.js版本 npm -v # 查看npm版本 ``` - 下载 Git [官网](https://git-scm.com)并安装,验证安装: ```bash git --version ``` 2. **安装 Hexo** 通过 npm 全局安装 Hexo 命令行工具: ```bash npm install -g hexo-cli ``` 3. **初始化 Hexo 项目** 创建博客目录并初始化: ```bash hexo init myblog # 初始化项目 cd myblog # 进入项目目录 npm install # 安装依赖 ``` 4. **本地运行测试** 生成静态文件并启动本地服务器: ```bash hexo generate # 或 hexo g hexo server # 或 hexo s ``` 访问 `http://localhost:4000` 查看效果。 --- #### **二、阿里云服务器配置** 1. **服务器基础设置** - 登录阿里云控制台,进入ECS实例,确保安全组开放以下端口: - **80(HTTP)**、**443(HTTPS)**、**22(SSH)** [^1] - 通过 SSH 连接服务器: ```bash ssh root@your_server_ip # 替换为实际IP ``` 2. **安装必要软件** ```bash apt update apt install git nginx nodejs -y # 安装GitNginx、Node.js ``` 3. **创建网站目录与Git仓库** - 创建网站根目录: ```bash mkdir -p /var/www/hexo chown -R $USER:$USER /var/www/hexo # 设置用户权限 ``` - 初始化 Git 裸仓库: ```bash mkdir ~/hexo.git && cd ~/hexo.git git init --bare # 创建裸仓库用于接收推送[^3] ``` 4. **配置 Git 钩子(Hooks)** 创建 `post-receive` 钩子脚本: ```bash vim ~/hexo.git/hooks/post-receive ``` 添加以下内容: ```bash #!/bin/bash git --work-tree=/var/www/hexo --git-dir=~/hexo.git checkout -f ``` 赋予脚本执行权限: ```bash chmod +x ~/hexo.git/hooks/post-receive ``` --- #### **三、本地 Hexo 部署配置** 1. **修改 Hexo 配置文件** 编辑 `_config.yml`,添加部署配置: ```yaml deploy: type: git repo: root@your_server_ip:~/hexo.git # 替换为服务器IP branch: master ``` 2. **安装部署插件** ```bash npm install hexo-deployer-git --save ``` --- #### **四、生成并部署服务器** 1. **生成静态文件并推送** ```bash hexo clean # 清理缓存[^4] hexo generate hexo deploy # 或 hexo d ``` 2. **配置 Nginx 指向网站目录** 编辑 Nginx 配置文件: ```bash vim /etc/nginx/sites-available/default ``` 修改 `root` 路径: ```nginx server { listen 80; root /var/www/hexo; # 指定网站目录 index index.html; } ``` 重启 Nginx: ```bash systemctl restart nginx ``` 3. **访问博客** 通过浏览器输入服务器 IP 或域名即可访问。 --- #### **五、后续维护** - **更新内容**:本地修改后,重新执行 `hexo clean && hexo g -d` 即可自动部署。 - **备份源码**:将 Hexo 项目源码推送至私有 Git 仓库(如 GitHub),防止丢失。 ---
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值