参考了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文件
Hexo将自动为这个页面显示标签云,再访问即可。
添加分类
同添加标签一样可以添加分类
hexo new page categories
同样修改对应文件夹下的index.md,将type改为categories,Next将自动为其显示分类
默认的Next主题菜单只有标签,没有分类,需要修改主题配置文件,将categories前的#去掉即可。
设置阅读全文
文章很长的时候,通常只显示部分,然后通过点击阅读全文来显示所有。Hexo推荐的方法是在文章中使用<!--more-->手动截断,在需要截断的地方添加就可以了。
设置居中显示
文章中如果有引用的段落,可以让其居中显示,效果是:
平生不会相思,才会相思,就害相思
代码是:
|
|