NexT

NexT 是一款高质量简洁的 Hexo 主题，她经过精心雕琢而来。

在线预览 | English Documentation

预览

• 大屏幕显示效果

• 侧边栏

• 侧边栏（文章页面）

• 小屏幕

安装

1. 从 GitHub 下载

    $ cd your-hexo-site
    $ git clone https://github.com/iissnan/hexo-theme-next themes/next
   

2. 更改站点 _config.yml 中的theme字段设置为next

    theme: next
   

更新

cd theme/next
git pull

因为主题在不断的更新，所以你可能会遇到冲突，需要手动解决。目前主题尽量把设置转移到站点的配置里。

特性

特性概览：

• 支持自定义LOGO以及主题图标
• 支持英语/简体中文双语
• 支持多说/DISQUS评论系统
• 支持标签云页面
• 支持RSS链接
• 支持about页面
• 支持5款代码高亮主题
• 支持Google/百度统计
• 支持Google Webmaster tools
• 支持Creative Commons
• 支持指定站点建立时间

自定义 LOGO 以及主题图标

NexT 使用 IcoMoon 的服务为主题提供四套内建的图标。

借助于这个特性，你可以定制自己的LOGO以及主题的图标。自定义图标需要手工处理：

1. 在 [IcoMoon] (http://icomoon.io)挑选图标，并生成对应的字体文件。假设你的字体文件命名为 foo 。需要注意的是，生成字体的文件名 icomoon 不要更改。

2. 在 source/fonts/ 目录下新建一个目录，名称以 icon- 开头加上 foo ，即 source/fonts/icon-foo。

3. 在 source/css/_fonts/ 目录下新建一个 styl 文件，名字为 icon-foo.styl。将 IcoMoon 提供的样式文件迁移到这个 styl 文件中。请参看内置的文件。

   class	usage
   icon-logo	指定Logo图标
   icon-home	指定菜单中Home链接图标
   icon-archives	指定菜单中Archives链接图标
   icon-tags	指定菜单中Tags链接图标
   icon-feed	指定菜单中RSS链接图标
   icon-about	指定菜单中About链接图标
   icon-heart	指定菜单中底部心的图标
   icon-external-link	指定菜单中外链的链接图标

4. 在主题中将 icon_font 设置为 foo，即：

    icon_font: foo
   

完成。

英语/简体中文双语支持

默认语言是英文 编辑站点的 _config.yml ，将 language 字段更改为 zh-Hans 来启用中文

language: zh-Hans

多说/DISQUS评论系统支持

添加多说或者 Disqus 第三方评论系统。当同时设置了多说和 Disqus 时，优先选择多说。 主题为多说提供了一套自定义的样式。

使用多说

编辑站点的 _config.yml ，添加 duoshuo_shortname 字段，设置如下

duoshuo_shortname: your-duoshuo-shortname

使用 Disqus

编辑站点的 _config.yml ，添加 duoshuo_shortname 字段，设置如下

disqus_shortname: your-disqus-shortname

标签云页面

添加一个标签云页面，并在菜单中显示标签云链接。

• 新建一个页面，命名为 tags 。命令如下：

    hexo new page "tags"
  

• 编辑刚新建的页面，将页面的类型设置为 tags ，主题将自动为这个页面显示标签云。

    title: All tags
    date: 2014-12-22 12:39:04
    type: "tags"
  

• 在菜单中添加链接。编辑主题的 _config.yml ，添加 tags 到 menu 中，如下:

    menu:
      home: /
      archives: /archives
      tags: /tags
  

RSS链接

显示 feed 链接

打开主题的 _config.yml 中，将 rss 字段设置为：

1. rss: false，这将会禁用Feed链接。

2. rss: ，当值为空的时候，默认会使用站点的 Feed 链接。在此之前需要使用 hexo-generator-feed 插件生成 Feed。

   依照 hexo-generator-feed 插件的安装说明进行 Feed 生成，当配件配置完毕后，主题将自动显示 Feed 链接。

3. rss: http://your-feed-url，指定特定的链接地址，适用于已经烧制过 Feed 的情形。

about 页面

新建 about 页面

新建一个 about 页面：

hexo new page "about"

菜单显示 about 链接，在主题的 _configy.yml 设置中将 menu 中 about 前面的注释去掉即可。

menu:
  home: /
  archives: /archives
  tags: /tags
  about: /about

支持5款代码高亮主题

NexT 使用 Tomorrow Theme 作为代码高亮，共有5款主题供你选择。 默认使用的是白色的 normal，以下是 normal 与 night 的预览：

请访问 Tomorrow Theme 查看更多主题。

支持 Google统计/百度统计

添加 Google 或者百度的统计ID即可开启网站统计

编辑站点的 _config.yml ，新增字段 google_analytics 或者 baidu_analytics（取决于使用的统计系统）

google_analytics: your-analytics-id

baidu_analytics: your-analytics-id

支持 Google Webmaster tools

设置 Google站点管理工具 的验证字符串，用于提交 sitemap

编辑站点的 _config.yml，新增字段 google_site_verification

google_site_verification: your-verification-meta

支持 Creative Commons

设置站点的 Creative commons协议

编辑站点的 _config.yml ，新增字段 creative_commons。 可选的值有： by | by-nc | by-nc-nd | by-nc-sa | by-nd | by-sa | zero

creative_commons: by-nc-sa

支持指定站点建立时间

这个时间将在站点的底部显示，例如 © 2013 - 2015

编辑站点的 _config.yml，新增字段 since。

since: 2013

设置侧边栏头像

编辑站点的 _config.yml，新增字段 avatar， 将其设置头像的链接地址。

设置侧边栏社交链接

编辑站点的 _config.yml，新增字段 social，然后添加社交站点名称与地址即可。例如：

# Social links
social:
  github: https://github.com/your-user-name
  twitter: https://twitter.com/your-user-name
  weibo: http://weibo.com/your-user-name
  douban: http://douban.com/people/your-user-name
  zhihu: http://www.zhihu.com/people/your-user-name
  // 等等

主题配置

NexT 坚持将复杂的细节隐藏，提供尽量少并且简便的设置，保持最大限度的易用性。

为了尽量避免更新主题的时候，避免发生冲突，建议将配置写在站点的 _config.yml中。例如：

# NexT 主题相关配置 ==========================

avatar: http://your-avatar-url
since: 2015

# EndNexT 主题相关配置 ==========================

# 菜单配置
menu:
  home: /
  archives: /archives
  tags: /tags
  #about: /about

# Favicon
# 从`Next 0.2`起，favicon将不再放置于主题之内。
# 请将你的favicon放置在`hexo-site/source/`目录下。
favicon: /favicon.ico

# 设置为`false`不显示`rss`链接
# 留空，并且通过`hexo-site-feed`插件配置使用默认的feed
# 设置成特定的`url`，适用于通过第三方服务定制feed的情况。
rss: false


# 图标字体
# NexT内建四种图标: default | linecons | fifty-shades | feather
icon_font: default
#icon_font: fifty-shades
#icon_font: feather
#icon_font: linecons


# 代码高亮主题
# available: normal | night | night eighties | night blue | night bright
highlight_theme: normal

浏览器支持

贡献

接受各种形式的贡献，包括不限于提交问题与需求，修复代码。等待您的PR。

开发

NexT is built for easily use with elegant appearance.

First things first, always keep things simple.

TODO

• Using Swig instead of jade.
• Using SCSS instead of stylus (depends?).
• Rewrite link post related stuffs (Breaking changes).
• Redesign pagination for mobile devices.
• Support category.(Won't support).
• Support gallery posts.
• Make PAJAX and NProgress as optional. (Removed, conflicts with fancybox)
• Add a feed link.
• Refactor.
• i18n.
• How to use this theme.
• Publish as a bower package.
• Home page.
• HTML5 Please
• Add typicons.font.
• Disuqus support.
• TIT - Theme in theme.
• Motion design.
• Expandable information area.
• New Gallery design.
• Add Google site verification meta.
• Add Google/Baidu analytics.