Hexo博客网站部署

Hexo博客部署

本文使用配置如下

系统：Rocky9.5
npm版本：8.19.4
Node.js版本：16.20.2

Hexo博客介绍

Hexo 是一个快速、简洁且高效的静态博客框架，以下是对它的详细介绍：

• 特点
  • 简洁高效：Hexo 基于 Node.js 开发，使用 Markdown 语法编写文章，能快速将文本内容转换为静态网页，大大提高了博客写作和发布的效率。
  • 主题丰富：拥有大量精美的主题可供选择，用户可以根据自己的喜好轻松更换博客的外观风格，无需复杂的设计和编程知识。
  • 插件众多：通过各种插件，Hexo 可以扩展出丰富的功能，如添加评论系统、文章分类与标签、SEO 优化、图片处理等，满足用户多样化的需求。
  • 易于部署：生成的静态网页可以轻松部署到各种服务器上，如 GitHub Pages、Netlify、Vercel 等，也可以部署在自己的服务器上，实现个性化的博客站点。

部署步骤

注意：关闭防火墙和SElinux

# 临时关闭
systemctl stop firewalld
setenforce 0
# 永久关闭
systemctl disable firewalld
SELINUX=disabled # 编辑/etc/selinux/config文件，将此项配置改成disabled

1、安装Node.js和npm

yum install nodejs npm

2、全局安装Hexo

npm install -g hexo-cli

3、创建博客项目

hexo init my-blog
cd my-blog
npm install # 进入到my-blog文件夹进行安装

4、生成静态文件

hexo generate

5、启动服务

hexo server

会在输出中显示端口，默认是4000端口，可以在浏览器中输入访问

接下来进行优化一下

Nginx托管Hexo

Nginx是一款优秀的web服务程序，可以将Hexo生成的静态文件放到Nginx的web站点目录中，让nginx托管Hexo博客

1、安装nginx

yum install nginx

2、将Hexo的静态文件拷贝到nginx的web站点目录中，rocky的nginx默认站点目录是/usr/share/nginx/html

# 先删除nginx的默认网页文件
rm -rf /usr/share/nginx/html/*
# 拷贝Hexo的静态文件
cp -a my-blog/public/* /usr/share/nginx/html/

3、将复制文件的权限修改，修改成nginx用户，确保nginx服务有访问文件的权限

chown -R nginx: /usr/share/nginx/html

4、启动nginx

systemctl start nginx

这样就可以在浏览器中输入ip直接访问到Hexo博客了

还有一种方法就是，使用hexo server启动服务后，nginx进行4层的反向代理，80的数据转发到hexo的4000端口中