Hexo更换Next主题

前言

通过之前的简单教程搭完Hexo之后，觉得默认的主题landscape太单调了，所以就找了网上大热的Next来用，下面记录一下如何更改Hexo主题为Next，并且更改一些个性化内容。

安装主题

git clone快速下载主题

$ cd /hexo
$ git clone https://github.com/theme-next/hexo-theme-next themes/next

配置_config.yml

$ vi ./_config.yml

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next

重新生成静态页面并发布

$ hexo clean
$ hexo g
$ hexo d

完成操作大概几分钟之后，再打开 https://lchkid.github.io 就已经是新的主题了，但是还是很简陋。

个性化主题

更换Scheme：

要激活哪个配置选项就去掉行首的#，后面不再复述。

# Schemes
#scheme: Muse
#scheme: Mist
scheme: Pisces
#scheme: Gemini

激活导航栏菜单

标签

$ hexo new page tags
$ vi /hexo/source/tags/index.md

title: tags
date: 
type: "tags"
comments: false
---

分类

$ hexo new page categories
$ vi /hexo/source/categories/index.md

title: categories
date: 
type: "categories"
comments: false
---

关于

$ hexo new page about
$ vi /hexo/source/about/index.md

title: about
date: 
type: "about"
---

menu:
  home: / || home
  categories: /categories/ || th
  archives: /archives/ || archive
  tags: /tags/ || tags
  about: /about/ || user
  #schedule: /schedule/ || calendar
  #sitemap: /sitemap.xml || sitemap
  #commonweal: /404/ || heartbeat

设置侧栏

只有Scheme设置为Pisces时，此处的position选项才会生效。

sidebar:
  position: left
  display: post

设置头像

avatar:
  url: /images/avatar.jpg
  rounded: true
  rotated: true

重新生成静态页面并发布

$ hexo clean
$ hexo g -d

简单的个性化配置就完成了，还有更多的地方可以修改就先不提了。

参考资料

https://theme-next.iissnan.com/

https://segmentfault.com/a/1190000009544924