Hexo个人博客搭建流程
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。这篇博文主要介绍了 Hexo 博客的安装及简单配置,服务端如何配置通过 Git 部署 Nginx 及 Linux 简单应用。
在云服务器上创建私有 Git 仓库, 通过 Git 钩子,将 Hexo 生成的博客静态页面文件,推送到 Nginx 服务的托管目录, 完成部署。
目标
-
部署基于 Hexo 的博客站点到 ECS 云服务器上
-
本地快速发布博文
准备
-
个人 PC,系统版本: Windows 10,已安装 Git
-
ECS 云服务器,系统版本: CentOS 7.4
-
域名(部分需备案)
服务器配置
-
创建一般用户
运行以下命令创建一般用户www
useradd www
-
Nginx 配置
安装 Nginx
yum install -y nginx
创建文件目录, 用于博客站点文件存放, 并更改目录读写权限
mkdir -p /data/wwwroot/hexo chown -R www:www /data/wwwroot/hexo chmod -R 755 /data/wwwroot/hexo
添加
index.html
用于检测配置 Nginx 是否成功vi /data/wwwroot/hexo/index.html
添加如下代码
<!DOCTYPE html> <html> <head> <title></title> <meta charset="UTF-8"> </head> <body> <p>Nginx running</p> </body> </html>
配置 Nginx 服务器
vi /etc/nginx/nginx.conf
找到如下代码段, 并修改
server { listen 80 default_server; listen [::]:80 default_server; server_name www.xxx.com; # 填写个人域名或 IP 地址 root /data/wwwroot/hexo; }
访问服务器 IP 地址或者域名显示
Nginx running
则说明 Nginx 配置成功启动nginx服务
systemctl start nginx
设置Nginx服务开机自启动
systemctl enable nginx
-
Git 配置
安装 Git
yum install -y git
创建文件目录, 用于私人 Git 仓库搭建, 并更改目录读写权限
mkdir -p /data/GitForWeb chown -R www:www /data/GitForWeb chmod -R 755 /data/GitForWeb
Git 初始化裸库
cd /data/GitForWeb git init --bare hexo.git
创建 Git 钩子(hook)
vi /data/GitForWeb/hexo.git/hooks/post-receive
输入以下内容用于指定 Git 的源代码 和 Git 配置文件
#!/bin/bash git --work-tree=/data/wwwroot/hexo --git-dir=/data/GitForWeb/hexo.git checkout -f
保存并退出后, 给该文件添加可执行权限
chmod +x /data/GitForWeb/hexo.git/hooks/post-receive
本地配置
-
安装 Node.js 和 Npm
安装了 Node.js 即可,Npm 已经包含。Node.js 下载地址,据自己系统下载相对应的安装包,双击打开.msi文件,一路默认即可
安装成功后,打开 cmd 窗口,依次输入
node -v npm -v
显示对应版本即安装成功
-
安装 Hexo
在你想安装的目录上右键单击
Git Bash Here
,输入以下命令全局安装 hexo-cli 和 hexo-server
npm install hexo-cli hexo-server hexo-deployer-git -g
查看 Hexo 版本
hexo -v
确认安装成功后, 在本地初始化博客站点搭建
hexo init myBlog
完成安装, 便可以在本地路径查看项目
-
配置 Hexo
进入
~/myBlog/
目录,修改 Hexo 博客站点配置文件_config.yml
,如下修改# Site title: # 页面标题 subtitle: # 小标题 description: # 描述 keywords: # 关键字 author: # 作者 language: # 语言 timezone: # 时区 # URL url: # 个人域名 # Deployment deploy: type: git repo: # 用户名@域名:服务器博客站点文件目录 ## root@xxxxx.cn:/data/GitForWeb/hexo branch: master
开始使用
本地配置完成后,需要将其部署到远程服务器上,在 ~/myBlog/
目录依次输入以下命令
清除缓存
hexo clean
生成静态页面
hexo g
将本地静态页面目录部署到云服务器
hexo d
完成 Hexo 个人博客网站搭建, 即可通过服务器 IP 或者域名访问,有关于博客主题的更换,以及详细配置等参见官网