谁都喜欢赏心悦目的东西,但是一般人却未必由美术的功底。为了让自己的博客好看一些,使用现成的主题就是一个很好的选择了。Next主题到现在以及是v7.6.0了,可以看出它有稳定的团队,而且经过这么长时间的迭代,版本的bug必然会少一些。
下载Next
因为我选择把博客工程用git管理起来,为了方式git的版本嵌套问题。我没有把Next主题在工程内部clone,而是在工程外选择一个文件夹clone Next工程。
1 | cd ~/ |
把Next主题clone下之后,拷贝到我们的博客工程中,先在博客工程的themes目录下建立一个next目录,然后copy Next主题的文件到这个目录
1 | $ cd ~/blog/themes |
配置站点主题
先打开博客工程的根目录下的站点配置文件_config.yml
;
1 | # Extensions |
运行hexo指令
1 | hexo s |
打开https://localhost:4000/ 我们就可以看到主题模式已经改成了Next主题了。
配置Next主题。
在Next主题还有一些配置项,可以让主题更适合你的审美。
设置主页连接菜单
1 | menu: |
在这里按照需要,就可以添加相关的链接;在添加完链接后,还需要添加相关的页面。比如上面的例子,还需要添加tags页面、categories页面以及about页面。
- 添加tags页面然后在source目录下就可以看到增加了一个tags目录,目录中添加了一个 index.md;打开index.md 文件。我们添加一个Front-matter项
1
$ hexo new page "tags"
这样我们在文章中添加了tags就可以自动在tags页面显示了,categories也一样。1
2
3
4
5
title: 标签
date: 2019-12-29 08:36:37
type: "tags" # 添加项 - 添加categories然后打开 source/categories/index.md
1
$ hexo new page "categories"
1
2
3
4
5
title: 分类
date: 2019-12-29 08:37:56
type: "categories" # 添加项
设置Scheme
1 |
|
Next主题有几个不同的Scheme,你可以选择一个你喜欢的去掉注释,然后把其他的注释起来就可以了。
设置字体
在这里我们可以设置字体大小和字体样式,首先要打开配置项,将enable设置为true,然后按照提示设置相应的设置就可以了,我这里之更改了字体的大小。将字体从16px改成了14px,然后把主题也等比例缩小了
1 | font: |
在主题配置文件中,还有很多配置项。设置还有很多插件我都没有涉及,这里只是保证博客最低可以运行的配置,其他的提高设置等到以后有时间再总结。hexo的初步使用就到此为止。