Hexo建站记录

Hexo官网

搭建Hexo

准备node.js环境

node.js官网

wget -P /opt/ https://nodejs.org/dist/v12.18.4/node-v12.18.4-linux-x64.tar.xz
xz -d /opt/node-v12.18.4-linux-x64.tar.xz && tar xf /opt/node-v12.18.4-linux-x64.tar
ln -s /opt/node-v12.18.4-linux-x64/bin/node /usr/local/bin
ln -s /opt/node-v12.18.4-linux-x64/bin/npm /usr/local/bin

检查node.js安装情况

[root@Hexo ~]# npm --version
6.14.6

安装Hexo

yum -y install git
npm install hexo-cli -g
ln -s /opt/node-v12.18.4-linux-x64/bin/hexo /usr//local/bin/
hexo init blog

当前路径下生成一个blog/文件夹，这就是我们的hexo根路径

进入blog/，执行

hexo generate
hexo server

浏览器访问http://{IP}:4000，即可看到我们的博客站点

Hexo推送到码云

码云

需要在码云网页端完成以下操作：

1. 登录码云官网，注册个人账号

2. 点击右上角头像旁边的+，新建一个仓库

3. 进入创建好的仓库，点击右侧克隆/下载按钮，复制仓库地址

4. 点击上方菜单栏的服务按钮，选择Gitee Pages，初次操作点击启动按钮，之后会变为更新

5. 保存上方已开启 Gitee Pages 服务，网站地址： http://freedom2887.gitee.io/blog中的网站地址

码云网页端操作暂时完成。

1. 编辑hexo根路径下的_config.yml，在文件末尾的deploy字段中加入仓库地址

...
deploy:
  type: git
  repo: 'https://gitee.com/freedom2887/blog.git'

2. 编辑hexo根路径下的_config.yml，修改URL字段下的url和root的值

url: https://freedom2887.gitee.io/blog/
root: /blog

其中，url改为网站地址，root改为仓库名

3. 安装hexo-deployer-git模块

npm install hexo-deployer-git --save

4. 生成静态文件并部署网站

hexo clean
hexo generate -d

如果环境首次使用Git进行推送，会提示添加Git配置，按照提示操作

git config --global user.email "freedom17803211561@163.com"
git config --global user.name "freedom2887"

点击服务>Gitee Pages>更新，待部署完成后访问网站地址，博客正式上线

Hexo使用Nginx提供服务

如果不想借用其他站点托管网站而是自建站点，可以通过Nginx为Hexo提供服务

修改/etc/nginx/nginx.conf

• 将用户从nginx改为root

user root;

• 将Nginx工作目录改为hexo根目录下的public

root         /blog/public/;

Hexo使用与配置

基本指令

指令	作用
hexo init [folder]	新建网站
hexo new [layout] <title>	新建文章
hexo g -d	生成静态文件并部署
hexo server	启动服务器，可以通过http://localhost:4000/预览
hexo clean	清除缓存

选择主题

获取主题

本次建站使用Fluid主题，具体操作仅供参考

GitHub

Preview

官方文档

下载Fluid主题并解压至themes目录，解压出的文件夹重命名为fluid

wget -O https://github.com/fluid-dev/hexo-theme-fluid/releases
tar zxf /opt/blog/themes/hexo-theme-fluid-1.8.3.tar
mv hexo-theme-fluid-1.8.3 fluid

修改Hexo博客目录中的_config.yml

language: zh-CN
theme: fluid

启动服务器即可在浏览器确认主题的预览效果