Hexo下的NexT主题配置（上）

发表于 | 分类于
字数统计: 1,443 字

这两天在一直在倒腾个人网站/博客之类的东西，就目前来说，hexo博客部署在Github这个方案是我最满意的。但相关配置什么的都还不会，那就来折腾好了，一边试验一边记录。

本文旨在方便作者以后的查阅。如有需要，高兴你来自取。

以下是NexT主题的一些配置。

网站信息

网页小图标

1
favicon: /favicon.ico

找到一张32*32大小的ico格式图片，命名为favicon.ico，放入目录你的仓库\themes\next\source\下。

网站关键字

1
keywords: "Hexo, NexT"

修改网站的默认关键字，中间需要用英文逗号隔开。

RSS

1
rss:

默认留空，代表开启。如需禁用，在其后填写false

开启后，使用 Hexo 生成的 Feed 链接。 你需要先安装 hexo-generator-feed 插件。

网站建立时间

1
since: 2015

修改footer的年份表示。

作者图标

1
authoricon: heart

修改footer的年份表示和作者之间的图标。

图标名称可以在点击此处获取。

驱动与主题版权声明

1
copyright: true

footer那行由 Hexo 强力驱动 | 主题 — NexT.Mist v5.1.2，强烈建议开启，给设计师和工程师最起码的尊重。

SEO 设置

百度百科对”seo”的定义是：SEO（Search Engine Optimization），汉译为搜索引擎优化。搜索引擎优化是一种利用搜索引擎的搜索规则来提高目的网站在有关搜索引擎内的排名的方式。
讲人话就是你的博客将更容易被Google到。

规范化

1
canonical: true

参考： https://support.google.com/webmasters/answer/139066

在设置之前，先把你的仓库\_config.yml中的url: http://yourdomain.com修改成你自己的url。

SEO 站点链接优化

1
seo: true

HEXO默认的文章链接形式为domain/year/month/day/postname，默认就是一个四级url，并且可能造成url过长，对搜索引擎是十分不友好的，这里将进行优化。

主页副标题

1
index_with_subtitle: true

如果开启，将添加主页副标题。副标题设置格式如下：

1
subtitle: Subtitle

菜单设置

菜单项目

示例

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

设定菜单项目，对应的字段是 menu。 菜单内容的设置格式是：item name: link。可以手动添加其他菜单项目。其中 item name 是一个名称，这个名称并不直接显示在页面上，它将用于匹配图标以及翻译。

默认的hexo里没有about、categories、tags、commonweal页面，需要手动创建。

在终端创建页面：

1
2
hexo new page "about"
hexo new page "categories"

菜单文本

设置菜单项的显示文本。Hexo 在生成项目名称的时候将使用这个名称查找对应的语言翻译，并提取显示文本。这些翻译文本放置在 NexT 主题目录下的 languages/{language}.yml （{language} 为你所使用的语言）。

示例

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
10
menu_icons:
  enable: true
  home: home
  about: user
  categories: th
  schedule: calendar
  tags: tags
  archives: archive
  sitemap: sitemap
  commonweal: heartbeat

图标名称可以在点击此处获取。

主题方案

NexT有四种方案，选择其中一种，其他注释处理。

示例：

1
2
3
4
5
# Schemes
#scheme: Muse
scheme: Mist
#scheme: Pisces
#scheme: Gemini

侧栏

个人社交链接

设置链接

链接放置在 social 字段下，一行一个链接。其键值格式是 显示文本: 链接地址。
示例：

1
2
3
4
5
6
7
8
# Social links
social:
  GitHub: https://github.com/your-user-name
  Twitter: https://twitter.com/your-user-name
  微博: http://weibo.com/your-user-name
  豆瓣: http://douban.com/people/your-user-name
  知乎: http://www.zhihu.com/people/your-user-name
  # 等等

设置图标

可以通过将enable设置成false来取消图标显示。

图标名称可以在点击此处获取。

1
2
3
4
5
6
7
# Social Icons
social_icons:
  enable: true
  # Icon Mappings
  GitHub: github
  Twitter: twitter
  微博: weibo

友情链接

默认：

1
2
3
4
5
#links_title: Links
#links_layout: block
#links_layout: inline
#links:
  #Title: http://example.com/

Links可以用来设置标题，links下摆放链接。
示例：

1
2
3
4
5
links_title: 看看他们
links_layout: block
#links_layout: inline
links:
  小土刀: http://wdxtub.com/

个人头像

图片命名avatar.jpg或avatar.png，
放置在目录你的仓库\themes\next\source\images\下，
并设置字段avatar

1
avatar: /images/avatar.jpg

侧栏目录

1
2
3
4
toc:
  enable: true
  number: true
  wrap: false

enable字段决定是否启动文章目录功能，number字段决定是否自动为目录添加数字标记，wrap字段决定目录标题过长时是否换行。

版权声明

1
creative_commons: by-nc-nd

选择合适的版权声明，可选项：by, by-nc, by-nc-nd, by-nc-sa, by-nd, by-sa, zero，图标将显示在侧栏上。

侧栏样式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
sidebar:
  position: left
  #position: right
  display: post
  #display: always
  #display: hide
  #display: remove
  offset: 12
  offset_float: 12
  b2t: false
  scrollpercent: false
  onmobile: false

侧栏位置

字段 position ，可选 左 left 、右 right，此项只在某些样式生效。

出现时机

字段 display，可选项：

  • post : 默认项。自动展开。
  • always : 始终展开。
  • hide : 只在点击 展开按钮 时展开。
  • remove : 永不展开，且去除 展开按钮 。

间距

offset , offset_float , 设置与菜单栏的间距。

回到顶部

b2t 字段设置 回到顶部 按钮位置，false 置于 展开按钮 旁，true 置于侧栏里。

页面百分比

scrollpercent 设置 回到顶部 按钮旁是否显示网页所处位置占整页的百分比。

移动端可见

onmobile 设置移动端是否显示侧栏。