本文基于的 Hexo 版本：5.1.1，Next 主题版本：7.8.0，较低版本可能不适用，操作系统为 Windows。本文参考了很多博主的文章，在每一节结尾都有注明。

环境准备

Git 安装

我这里是直接下载的 cmder full 版本，已经包含 git 了。

下载解压后，打开 cmder.exe，输入 git --version 检查 git 是否安装好了。

Node.js 安装

Windows 下载并安装。

Node.js 下载

Hexo 安装

Hexo 进阶语法

MathJax

abbrlink 永久链接

安装 hexo-abbrlink 插件

1

npm install hexo-abbrlink --save

修改站点配置文件里的 permalink: :year/:month/:day/:title/ 为:

1
2
3
4

permalink: post/:abbrlink.html
abbrlink:
  alg: crc32  # 算法：crc16(default) and crc32
  rep: hex    # 进制：dec(default) and hex

生成完后，原 md 文件的 Front-matter 内会增加 abbrlink 字段，值为生成的 ID 。这个字段确保了在我们修改了 Front-matter 内的博客标题 title 或创建日期 date 字段之后而不会改变链接地址。

参考文章

1. hexo 的永久链接之 abbrlink
2. Hexo-abbrlink 生成唯一永久文章链接

链接

一个测试链接

背景图片

在 blog\themes\next\source\css\_common\outline\outline.styl 中添加代码。

1
2
3
4
5
6
7

body {
  background: url("https://s2.ax1x.com/2019/09/12/nBFb28.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50% 50%;
}

DaoVoice 在线联系

参考：

1. hexo 的 next 主题个性化配置教程.html
2. hexo 博客美化之安装 DaoVoice 实现在线聊天功能

自定义友链页面

参考：

1. hexo 博客美化之自定义友链页面