next-主题配置教程

next-主题页面设置。使用了next,next在众多主题中评分最高,使用了几个主题后,发现它确实好用,PS:hexo很方便更换主题,赞

参考网站

  1. 下载主题
1
2
$ cd your-hexo-site
$ git clone https://github.com/iissnan/hexo-theme-next themes/next
  1. 启用主题:
    启用了Pisces - 双栏 Scheme,小家碧玉似的清新
    在\themes\next文件夹中找到站点配置文件_config.yml文件,选择 Scheme,去掉scheme前面注释#,如:
1
2
3
#scheme: Muse
#scheme: Mist
scheme: Pisces

设置 语言

编辑_config.yml,配置:

1
language: zh-Hans

设置 菜单

1
2
3
4
5
6
7
menu:
home: /
archives: /archives
#about: /about
#categories: /categories
tags: /tags
#commonweal: /404.html

menu

设置菜单项的显示文本

在第一步中设置的菜单的名称并不直接用于界面上的展示。Hexo 在生成的时候将使用 这个名称查找对应的语言翻译,并提取显示文本。这些翻译文本放置在 NexT 主题目录下的languages/{language}.yml ({language} 为你所使用的语言)。
以简体中文为例,若你需要添加一个菜单项,比如 something。那么就需要修改简体中文对应的翻译文件 languages/zh-Hans.yml,在menu 字段下添加一项:

1
2
3
4
5
6
7
8
9
menu:
home: 首页
archives: 归档
categories: 分类
tags: 标签
about: 关于
search: 搜索
commonweal: 公益404
something: 有料

设定菜单项的图标

对应的字段是 menu_icons。 此设定格式是item name: icon name,其中 item name 与上一步所配置的菜单名字对应,icon name 是 Font Awesome 图标的 名字。而 enable 可用于控制是否显示图标,你可以设置成 false 来去掉图标。

1
2
3
4
5
6
7
8
9
menu_icons:
enable: true
# Icon Mapping.
home: home
about: user
categories: th
tags: tags
archives: archive
commonweal: heartbeat

设置 头像

放置在了 source/images/ 目录下 ,如下:
头像路径

集成常用的第三方服务

百度统计

  1. 登录 百度统计, 定位到站点的代码获取页面
  2. 复制 hm.js? 后面那串统计脚本 id
  3. 编辑 主题配置文件, 修改字段 baidu_analytics 字段,值设置成你的百度统计脚本 id。
    所以,页面已经设置了百度统计
    阅读次数统计
    以按照 为NexT主题添加文章阅读量统计功能,注册了https://leancloud.cn
    如图:
    leancloud
    创建了JayMo个人博客应用,创建了名称为Counter的Class,复制AppID以及AppKey并在NexT主题的_config.yml文件中我们相应的位置填入即可,正确配置之后文件内容像这个样子:
1
2
3
4
leancloud_visitors:
enable: true
app_id: joaeuuc4hsqudUUwx4gIvGF6-gzGzoHsz
app_key: E9UJsJpw1omCHuS22PdSpKoh
Web安全

以设置只能通过:jaymo666.github.io/jaymo.cf/来访问,确保数据调用的安全。

数据统计与分析

配置了百度分享

搜索服务

添加百度/谷歌/本地 自定义站点内容搜索

  1. 安装 hexo-generator-searchdb,在站点的根目录下执行以下命令:
1
$ npm install hexo-generator-searchdb --save

2.编辑 站点配置文件,新增以下内容到任意位置:

1
2
3
4
5
search:
path: search.xml
field: post
format: html
limit: 10000

评论服务

注册了Disqus,配置了评论


本作品采用 知识共享署名 2.5 中国大陆许可协议 进行许可,欢迎转载,但转载请注明来自JayMo,并保持转载后文章内容的完整。本人保留所有版权相关权利。
本文永久链接:http://jaymo666.github.io/2017/06/19/next-主题配置教程(1)/