Hexo博客搭建(二) -- Next主题设置

参考了neveryu的博客,表示感谢 ^_^

安装和配置Next主题

安装

在根目录下,使用git clone

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

打开根目录下的_config.yum,该配置文件主要是对hexo本身的配置,在theme目录下也有一个同名文件,主要是对主题相关进行配置。
找到theme字段,将其改为next
使用hexo clean清除缓存

Next主题配置

风格选取
Next默认提供三种风格(Scheme),分别是Muse,Mist和Pisces,Muse为默认,黑白主调,大量留白;Mist为Muse的紧凑版本,二者都为单栏;Pisces为双栏设计。可以通过配置主题配置文件(themes/next/_config.yum)来切换。

设置头像

编辑主题配置文件,修改字段avatar,将其值设置为头像的链接地址即可。可以是网络地址,也可以是本地图片地址。本地头像一般放置在主题目录下的source/uploads下或者source/images下,配置时以source目录作为根目录,也就是从下一级目录开始。
例如图片为source/uploads/avatar.png,那么对应的值为/uploads/avatar.png

添加particle.js动画作为背景

particle.js文件添加到 \themes\next\source\js\src目录下,并修改配置文件

vi themes/next/layout/_layout.swing

</body>标签前添加以下内容:

<script type="text/javascript" src="/js/src/particle.js"></script>

功能设置

添加标签页

默认有标签页,但访问会出现错误,是因为对应的静态页面并没有生成

hexo new page tags

会在/srouce目录下生成tags文件夹,修改其中的index.md文件

1
2
3
titel: 标签
date: *********
type: "tags"

Hexo将自动为这个页面显示标签云,再访问即可。

添加分类

同添加标签一样可以添加分类

hexo new page categories

同样修改对应文件夹下的index.md,将type改为categories,Next将自动为其显示分类
默认的Next主题菜单只有标签,没有分类,需要修改主题配置文件,将categories前的#去掉即可。

设置阅读全文

文章很长的时候,通常只显示部分,然后通过点击阅读全文来显示所有。Hexo推荐的方法是在文章中使用<!--more-->手动截断,在需要截断的地方添加就可以了。

设置居中显示

文章中如果有引用的段落,可以让其居中显示,效果是:

平生不会相思,才会相思,就害相思

代码是:
1
<blockquote class="blockquote-center">平生不会相思,才会相思,就害相思</blockquote>