NexT使用与优化

发表于 | 更新于 | 分类于 ，

介绍了NexT的安装，使用与配置。

官方文档：http://theme-next.iissnan.com/

三、NexT样式配置

主题配置文件：/hexo/themes/next/下的_config.yml

站点配置文件：/hexo/下的_config.yml

1、设置头像

这里的头像指的是一篇文章侧栏里的站点概览处的头像，如下图：

编辑 主题配置文件， 修改字段 avatar下的url字段， 值设置成头像的链接地址。

avatar:
  url: /images/avatar.jpg # 头像的地址
  rounded: true # 头像是否显示为圆形
地址 值
完整的互联网 URI http://example.com/avatar.png
站点内的地址 将头像放置themes/next目录下的 source/uploads/或source/images/中 （目录不存在则新建），配置为：url: /uploads/图片名.png或url: /images/图片名.jpg

2、设置站点首页分类和标签菜单项

如果想要看hexo站点中所有文章的分类和标签该怎么办？说不定可以通过输入链接./categories就可以查看（我猜的，实际上可能是404），方便起见，在站点首页的菜单中把分类和标签也列出来，通过点击直接查看。

菜单指的是下图标记区域：

主题配置

编辑 主题配置文件 的menu字段，将tags和categories字段前的注释符号#去掉。

menu:
  home: / || home
  tags: /tags/ || tags # 之前被注释掉了
  categories: /categories/ || th # 之前被注释掉了
  archives: /archives/ || archive

站点配置

在首页点击分类，会显示404页面，需要进入Hexo目录，新建目录和标签页面：

$ cd your-hexo-site
$ hexo new page categories # 或 tags

编辑./source/categories目录下的index.md文件：

title: 分类 # 原来是categories，理论上可以不用改成中文
date: 2019-05-18 10:54:04
type: "categories" # 添加改行

编辑./source/tags目录下的index.md文件：

title: 标签
date: 2019-05-18 10:53:43
type: "tags"

此时，配置即算完成。

3、侧边栏文章目录设置

编辑 主题配置文件 的toc字段

# Table Of Contents in the Sidebar
toc:
  enable: true # 是否根据文章标题（由markdown符号#标注）生成目录
  number: false # 是否自动生成目录号

4、代码块样式

代码块行号

修改站点配置文件：

highlight:
  enable: true
  line_number: false # 把true改成false
  auto_detect: false
  tab_replace:

代码块高亮

修改主题配置文件：

highlight_theme: normal # normal, night, night blue, night bright, night eighties
0%