少女祈祷中...

什么是 Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

— Hexo 官网

安装前提

安装 Node.js

1
yum install -y nodejs

检查 Node.js 版本

1
2
node -v
npm -v

其中,Hexo 不同版本需要不同版本的 Node.js,详见下表:

Hexo 版本 最低 Node.js 版本 最高 Node.js 版本
7.0+ 14.0.0 Latest
6.2+ 12.13.0 Latest
6.0+ 12.13.0 18.5.0
5.0+ 10.13.0 12.0.0
4.1 - 4.2 8.10 10.0.0
4.0 8.6 8.10.0
3.3 - 3.9 6.9 8.0.0
3.2 - 3.3 0.12 未知
3.0 - 3.1 0.10 或 iojs 未知
0.0.1 - 2.8 0.10 未知

本表更新时间:2024-02-06,具体请查阅 Hexo 文档

安装 Git

1
yum install git-core

检查 Git 版本

1
git version

安装 Hexo

1
npm install -g hexo-cli 

一条指令搞定,简单明了

初次上手

初始化

新建一个叫 hexo 的文件夹,然后安装依赖

1
2
3
hexo init hexo
cd hexo
npm install

试启动

1
2
hexo g  # 生成静态文件,文件将会生成在 public/
hexo s # 在本地服务器 localhost:4000 中运行

在浏览器里输入 localhost:4000 可以进行预览
localhost:4000

修改网站信息

修改 Hexo 配置文件 _config.yml

1
2
3
4
5
6
7
8
9
10
title: 网站标题
subtitle: 网站副标题
description: 站点描述
author: 作者
language: 语言
timezone: 时区

url: 网站URL

theme: 主题

创建文章

1
2
hexo new "title"	# 生成一个名为 title 的文章于 source/_posts/
hexo new page "title" # 生成一个名为 title 页面于 source/

编写文章

打开创建的文章 source/_posts/name.mdname 根据 hexo new "title" 中的 title 而变化

1
2
3
4
5
6
7
8
9
10
11
12
13
14
title: Hello World	# 文章标题, 不会出现在URL中
date: 2019-5-22 # 文章生成时间
categories: XXX # 文章分类
tags:
- hi # 文章标签
- Nice to meet you # 文章标签
---

Markdown 写的正文吧啦吧啦

<!--more--> # more 标签以下的内容需点击阅读全文方可观看

Markdown 写的正文吧啦吧啦

主题安装

在 Hexo 中有着大量主题,可在官网自行选择下载并安装,此处以 Next 为例

下载主题

1
2
cd /hexo
git clone https://github.com/iissnan/hexo-theme-next themes/next

应用主题

打开配置文件 _config.yml,并修改 theme 字段的值为 next

1
theme: next

然后重新生成一下

1
hexo g
Next Theme

感谢

分享