Hexo搭建个人网站

该教程将引导如何使用Hexo框架搭建个人博客。主题为NexT主题。

环境

Node.js

Node.js安装

windows安装

到以下网址下载安装包进行安装。

Node.js

ubuntu安装

执行以下指令安装

sudo apt install curl
# 注意18是Node.js的大版本，建议去1.1.1 windows安装中的网址看一下Node.js的最新大版本
curl -sL https://deb.nodesource.com/setup_18.x | sudo -E bash -
# 上述指令执行后会有相应的指令提示，跟随指令提示执行即可
sudo apt-get update
sudo apt-get install -y nodejs

centos7安装

参考该链接：CentOS7安装最新版NodeJS

Node.js安装成功检测

执行以下命令查看Node.js版本，成功显示出Node.js的版本则安装成功

node -v

Hexo安装与启动

执行以下命令安装与启动

npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server

启动完成后，可在浏览器通过localhost:4000端口查看网页，页面显示相应的内容则表示本地安装成功

部署个人博客

部署的方式目前自己尝试了三种方式，皆可部署成功。

部署到github

前置准备

创建个人的github仓库，建议仓库取名为：网页名.github.io。例如我的：bestfyw.github.io。具体方法自行百度。

配置设置

需要更新hexo的配置文件_config.yml中的两处地方，否则会出现部署失败或者部署无样式显示的问题。

1. Deployment选项

2. URL选项

执行部署

hexo cl
hexo g
hexo d

可以登录github仓库查看流水线是否完成，完成后登录相应的网址按shift+F5刷新查看

部署到gitee

前置准备

1. 创建个人的gitee仓库。例如我的：bestfyw。具体方法自行百度。
2. 开通gitee pages功能

配置设置

需要更新hexo的配置文件_config.yml中的两处地方，否则会出现部署失败或者部署无样式显示的问题。

1. Deployment选项

2. URL选项

执行部署

hexo cl
hexo g
hexo d

可以登录gitee仓库中的gitee pages页面更新网页，更新完成后，登录相应的网址按shift+F5刷新查看

部署到个人服务器

前置准备

1. 购买个人云服务器，购买域名，将域名解析到个人云服务器ip
2. 安装Nginx，Git
3. 创建git本地仓库

#添加用户
useradd hexo
#设置密码
passwd hexo

# 给hexo用户配置sudo权限
chmod 740 /etc/sudoers
#编辑sudoers配置文件
vim /etc/sudoers
# 找到root ALL=(ALL) ALL，在它下方加入一行 一般在文件文件最下方
hexo ALL=(ALL) ALL

chmod 400 /etc/sudoers

#新建目录，这是git仓库的位置
sudo mkdir -p /var/repo
#新建目录，Nginx目录
sudo mkdir -p /var/www/hexo
#转到git仓库的文件夹
cd /var/repo
#初始化仓库
sudo git init --bare hexo.git
#创建钩子脚本，用以自动更新Nginx目录内容
sudo vim /var/repo/hexo.git/hooks/post-receive#内容为：git --work-tree=/var/www/hexo --git-dir=/var/repo/hexo.git checkout -f

#配置Nginx
vim /etc/nginx/sites-enabled/default
# 将root后的内容修改为Nginx目录也就是/var/www/hexo;
root /var/www/hexo

配置设置

需要更新hexo的配置文件_config.yml中的两处地方，否则会出现部署失败或者部署无样式显示的问题。

1. Deployment选项

2. URL选项

执行部署

hexo cl
hexo g
hexo d

登录相应的网址按shift+F5刷新查看