hexo搭建博客指南(二)--主题配置

一 主题选择

由于hexo默认的主题并不让人满意,因此要想搭建一个让自己心仪的博客你还需要一款好看的主题。hexo的主题你可以冲一下两个网站中获取:
https://github.com/hexojs/hexo/wiki/Themes
https://hexo.io/zh-cn/docs/themes.html

二 主题配置

2.1 安装主题

你可以选择自己心仪的主题,然后改一下hexo的配置文件_config.yml文件。

1
2
3
4
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: hexo-theme-air

你只需要将它改成你的主题名字

2.2 配置主题

  你需要了解一下hexo的主题配置文件_config.yml(注意与hexo根目录下的配置文件不是一个文件)的一些配置:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
menu:
首页: /
项目: /项目/
职业生涯: /职业生涯/
随感: /随感/
归档: /archives
关于我: /about

widgets:
- search
- category
- recent_posts
- tagcloud

```
##### **menu**
下面的是你想要为你的网站划分的版块。前面是版块名称,后面是相应的路径。你可通过如下命令来新建新的版块页面:
``` bash
hexo new page 版块名
```
hexo会自动在source文件下建立相应的文件夹。
**注意:**这里有坑。

- 我曾新建完一个新的页面后却无法访问,究其原因是当我访问这个页面是浏览器的协议自动从https换成了http,结果找不到资源。原因未知,解决办法:将hexo中的东西都删掉,重搭。。。。。
- 又遇一坑,当我将我的版块页面所在的文件夹取名为中文时,我需要在主题配置文件中的menu下相应的版块路径后面多加一个“/”,否则报错,而英文的就不需要,原因未知。
- 坑3,当使用md写博客时,网站默认quote是居中的,可通过修改主题下的source/css/_partial/article.styl文件中blockquote解决。
这些估计都是我选择的light主题中的坑。

##### **widget**
这下面的是一些网站侧边的一些小部件,比如我的网站右边的分类和标签云。你可以在你的主题下面的/layout/_widget下面找到你的主题支持哪些小部件,你只需要将这些部件名依照格式放在widget下即可显示在网站中。

##### **categories 和 tags**
categories和tags是hexo内置的标签,你只需要在编写博客时加入以下配置:
``` bash
---
title: hexo搭建博客指南(二)--主题配置
date: 2017-02-18 15:09:07
categories: hexo
tags:
- hexo
---

即可在widget中的category和tag中显示你的分类与标签,categories一般用于文章分类,你也可用它来生成你的版块页;tags一般则是用于为搜索引擎提供你这篇博文的关键字。

三 总结

文章到这里也差不多说完了,hexo的其他知识点你可以通过google搜索或者研究hexo的官方文档https://hexo.io/zh-cn/docs/asset-folders.html来获得。下篇我将介绍hexo的相关插件使用。