×
广告

Hexo之旅(三):Hexo博客个性化及NexT主题配置

96
vinnyxiong
2016.03.29 23:06* 字数 964

1 Hexo 博客主题的选择

为什么先选主题呢?因为不同的主题会有不同的风格,配合主题风格来去个性化我们的博客,比如博客标题、博客介绍、网站图标等,可以让这些更加匹配主题风格。况且一旦选定了一个主题,这就是你的博客的风格了,不会随意改变。所以首先选定一个主题是个性化的第一步。
如果你有一定的编程知识,又喜欢自己折腾,那么你自己写一款主题或者在别人的主题之上做修改,也是一件很Geek的事情。
如果你只想用现成的主题,那就选一款吧。Hexo 官网收录了几十款主题,地址在这里:https://hexo.io/themes/
知乎上对一些主题的评价:有哪些好看的 Hexo 主题?
我的博客也正是这样,选择了评价最高的 NexT 主题。
你呢?如果你跟我一样,选择了 NexT 主题,那么跟着我一起做个性化配置吧,当然,别的主题的配置也大体相同的。

2 新主题安装

NexT 主题提供了详细的 使用文档

2.1 下载 NexT 主题

主题的安装很简单,执行以下命令即可:

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

2.2 启用 NexT 主题

克隆/下载 完成后,打开 站点配置文件,找到theme字段,并将其值更改为next

这里注意区分两个配置文件:
站点配置文件:是你的 hexo 博客目录下面的 _config.yml 文件。
主题配置文件:是 themes/next 目录下的 _config.yml 文件。

2.3 验证主题是否启用

运行hexo s --debug,并访问http://localhost:4000,确保站点正确运行。

3 博客基本配置

3.1 语言设置

每个主题都会配置几种界面显示语言,修改语言只要编辑 站点配置文件,将 language 设置成你所需要的语言。
例如选用简体中文,则配置为:

language: zh-Hans

查看主题支持哪些语言可以看 themes/next/languages 目录下有哪些语言文件。

3.2 网站标题,作者

打开 站点配置文件 ,修改这些值:

title: Hexo #博客标题
subtitle: #博客副标题
description: #博客描述
author: #博客描述

注意:配置文件要符合英文标点符号使用规范: 冒号后必须空格,否则会编译错误

3.3 域名,文章链接

打开 站点配置文件 ,修改这些值:

url: http://xxx #你的博客网址
root: / #博客跟目录,如果你的博客在网址的二级目录下,在这里填上
permalink: /blog/:title.html #:year/:month/:day/:title/ 原来跟着年月日,建议缩短为一个 blog目录加标题,以后取文章标题的时候不要重复就可以。
permalink_defaults: #可以不填

3.4 NexT 主题 Scheme 设置

NexT 主题目前提供了3中风格类似,但是又有点不同的主题风格,可以通过修改 主题配置文件 中的 Scheme 值来启用其中一种风格,例如我的博客用的是 Pisces 分栏风格,只要把另外两个用#注释掉即可。

# Schemes
#scheme: Muse
#scheme: Mist
scheme: Pisces

3.5 更多基本配置参考

其实还有更多的博客及主题的设置,可以直接参考 Hexo官方文档NexT主题文档 ,他们都是中文的。

NexT 在 Github 上的问题反馈和解决交流很多。https://github.com/iissnan/hexo-theme-next/issues 。如果你在配置博客过程中遇到什么问题,可以在我的博客评论中提问,或者直接到 Github 上提问都可以。

看 Github 的 Fork 的人数,截止到今天(2016.03.03)。Hexo博客 的 Fork 数是 1445 ,而 Next主题 的 Fork 数都达到了 917 。说明这款主题受欢迎的程度之高。

本文首发于我的博客vinnyxiong.cn,欢迎访问。

Web note ad 1