Hexo - lwblogs

简介

1、快速、简洁且高效的博客框架

官方文档

Hexo

环境准备

1、安装Node

Windows

node.js

Linux（Centos）

安装依赖项

1	`yum -y install gcc gcc-c++ openssl-devel`

下载node压缩包(版本可变动)

下载node压缩包目录最好在根目录里创建www文件夹在下载

1	`wget https://npm.taobao.org/mirrors/node/v10.16.0/node-v10.16.0-linux-x64.tar.xz`

将node压缩包上传至服务器目录、并解压、修改解压后的文件名

1
2
3

cp /www/node/node-v16.0.0-linux-x64.tar.gz /usr/local/src
tar -xvf node-v16.0.0-linux-x64.tar.xz
mv node-v16.0.0-linux-x64 node

查看是否安装成功、版本号，成功后会看到node版本号

1	`cd /usr/local/src/node/bin && ./node -v`

设置环境变量

直接去到/usr/local/src/node/bin将node的环境配置文件变量PATH变成全局变量。把/usr/local/src/node/bin加到PATH后面，用: 隔开。

1	`vim ~/.bash_profile`

执行以下命令使node环境配置文件生效

1	`source ~/.bash_profile`

Linux（Ubuntu）

安装依赖项

因为Ububtu无法使用yum源，所有只能使用apt进行安装

# 先更新apt
sudo apt update
# 安装依赖项
sudo apt install build-essential libssl-dev

下载node压缩包，选择 -linux-x64.tar.gz

# 先通过windows访问下载，在复制到服务器指定目录上，通过服务器下载的node压缩包会出现无法解压问题
https://registry.npmmirror.com/binary.html?path=node/v21.0.0/

# 去到指定目录
cd /usr/local/src

# 解压重命名
tar -zxvf node-v21.0.0-linux-x64.tar.gz 

mv node-v21.0.0-linux-x64 node

查看是否安装成功、版本号，成功后会看到node版本号

1	`cd /usr/local/src/node/bin && ./node -v`

设置环境变量

cd /root
vim .bashrc
# 在该文件末尾添加上以下命令
export PATH=$PATH:/usr/local/src/node/bin

执行命令是配置文件生效

1	`source .bashrc`

2、安装Hexo

安装hexo服务

# 安装hexo服务
npm install hexo-cli -g
# 安装hexo服务后执行以下指令在hexo文件中创建blog（hexo框架目录)
hexo init blog
# 去到blog目录,执行以下指令
npm install
# 我们是静态部署不需要执行以下指令，反知不是静态部署则需要
hexo sever

Hexo框架

初始框架

|-- blog    
    |-- node_modules
    |-- scaffolids
    |-- source                        博客文章、页面资源、图片目录
        |-- _posts                    主页文章目录
    |-- themes
    |-- config.yml                    Hexo框架配置文件

后期添加

1	`_config.fluid.yml Fluid主题配置文件`

3、Fluid主题

在blog目录运行以下指令，安装fluid主题

1	`npm install --save hexo-theme-fluid`

然后将Hexo博客目录下创建_config_fluid.yml文件，将_config_yml中的内容复制进去

1	`touch config_fluid.yml`

指定Hexo框架主题，修改 Hexo 博客blog目录中的 _config.yml文件中

1
2
3

theme: fluid  # 指定主题

language: zh-CN  # 指定语言，会影响主题显示的语言，按需修改

创建[关于页]

首次使用主题的「关于页」需要手动创建

1	`hexo new page about`

创建成功后，编辑博客目录下 /source/about/index.md，添加 layout 属性

修改后的文件示例如下：

---
title: about
layout: about 
---

这里写关于页的正文，支持 Markdown, HTML

注意：hexo是静态博客，md格式的文件更新后需要重新渲染，需要先执行 hexo clean 清空旧静态文件，hexo d 重新渲染，最后达到更新博客的目的。

修改Fluid主题详情配置

4、Nginx安装及配置

Windows

Nginx

Linux

# 下载nginx压缩包
wget http://nginx.org/download/nginx-1.22.1.tar.gz
# 复制到服务器目录
cp nginx-1.22.1.tar.gz /usr/local/src
# 解压
tar -xvf nginx-1.22.1.tar.gz
# 别名
mv nginx-1.22.1.tar.gz nginx
# 运行安装文件
cd nginx && ./configure
make && make install

注意：安装完成后，会自动生成nginx服务器目录：/usr/local/nginx