安装next主题
在根目录下的theme文件夹里
git clone git@github.com:iissnan/hexo-theme-next.git themes/next
如果想要其他主题,自行搜索,把ssh替换上面的git@github.com:iissnan/hexo-theme-next.git
安装好后,在根目录下的_config.yml配置文件修改
修改Hexo目录下的config.yml配置文件中的theme属性,将其设置为nexttheme:next
注意:Hexo有两个主要修改的config.yml文件,一个在根目录,一个在theme下,此时修改的是在根目录下的。清除缓存,重新生成,查看localhost:4000,看主题是否生效,如果已经改成deploy coding也可以deploy到coding看
hexo clean 清除缓存 网页正常情况下可以忽略此条命令
$ hexo g
$ hexo s
报错
ERROR Script load failed: themes\next\scripts\tags\exturl.js
Error: Cannot find module 'hexo-util'
运行npm install --save hexo-util
next进阶 设置
站点配置hexo/_config.yml
语言,和个人信息的部分,下面列出应该需要修改的,有的可能某一种theme下看不到
# Site 这一块人物介绍的修改
title:
subtitle:
description:
author:
#simple chinese
language: zh-Hans
timezone:
主题配置next/_config.yml
tag页面点了404
一开始没有tag,category页面,
在Menu Settings把对应的注释去掉,menu上就能看到分类和标签。
添加目录云、标签云页面,不添加就会404
hexo new page "tags"
hexo new page "categories"
next不同主题怎么更换
找Scheme Settings目前有四种
github链接
从这边开始Sidebar Settings
Social Links 取消github等的注释 填上自己的链接
图标是social_icons
头像
Sidebar Avatar
avatar: url或者 /images/avatar.jpg
图片放在next/source/images下
侧边栏
有左右两种选
sidebar positon
侧边栏位置,left,right
缩略图
网站缩略图标icon, next config搜favicon
favicon: /favicon.ico
缩略图可以在这个网站做http://tool.lu/favicon/ 下对应的大小
代码高亮
code hightlight theme 高亮
添加新页面后,他的中文怎么改
如果添加了新的单词,就要添加翻译在文件里
next/languages/{language}.yml,例如简体中文就是zh-Hans.yml
首页footer页尾修改
首先,找到 \themes\next\layout_partials\下面的footer.swig文件,打开会发现,那两行就是最后三段
可以把div里的改成{{ __('footer.powered') }}
去翻译的文件里footer那里添加就行不要重复。
其他应用
每篇文章的阅读量
http://www.tuicool.com/articles/YB3EJnz
注意事项是:config里已经有appid等参数,还有中文翻译那里也已经存在
rss订阅
http://www.jianshu.com/p/264024768d03
这个教程的问题是
plugins: hexo-generate-feed
这是一行的,上面写成两行会报错
统计,评论,搜索
http://theme-next.iissnan.com/third-party-services.html#algolia-search
next官方给的好多扩展,我用了以下
- 百度统计 人次
- 不蒜子统计 首页统计
- Algolia 搜索
里面都很详细了。
几点注意:1.百度统计不是站点上显示,是去那边看人次和次数。
2.hexo algolia 搜索,新增文章都要执行添加进index