next-主题配置教程

发表于 | | 阅读次数
字数统计 885字 | 阅读时长 4分钟

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-主题配置教程/