建立博客系列（四）：Next主题相关配置

Hexo的目录结构，详细介绍

.
|– _config.yml //hexo的配置文件
– package.json
– public //根据md文件生成html文件
– source
|– _drafts
|– _posts //写文章的时候md所在目录
– themes
|– landscape
|– next
|– _config.yml //主题的配置文件

配置主题的时候要分清hexo的配置文件和next主题的配置文件,以下均是用Notepad++打开编辑,所有的操作后记得保存，冒号后边有空格

next主题安装配置,

next主题在github上的star数已经是6503了，非常受欢迎，官网也有详细的配置教程，这里介绍些基本的配置过程。

安装

打开github，cd 到blog目录，执行下边的命令

1	git clone https://github.com/iissnan/hexo-theme-next themes/next

如果下载速度很慢，可以到百度云下载，链接：http://pan.baidu.com/s/1hsOacYw 密码：v2fm，解压后将next文件夹放到themes文件夹中。
然后打开hexo的配置文件，将theme: 项改为next,记住之后所有的配置中冒号后边都先有空格

运行hexo g（生成静态文件)，hexo s(运行到本地)
打开 localhost:4000 ,观察是否更改成功
如果成功，然后执行 hexo d（部署到coding），打开自己的域名，观察是否成功。
如果没有变化,先执行hexo clean（以后如果本地和服务器上的不一致，均先执行这步重试,再执行 hexo g,hexo d

选择next的风格

next提供了，三种风格供选择，打开next的配置文件（next文件夹下的_config.yml）

#是注销本行，自己分别试一下，然后hexo s在本地看效果。

菜单设置

打开主题的配置文件

home是主页，categories是分类，archives是归档，即按时间显示文章，tags是标签，将以上几项的#取消。
打开git bash到blog目录，
hexo new page categories,
hexo new page tags
打开blog\source\categories\index.md文件，添加comments: false,即把评论关掉,添加type

打开blog\source\tags\index.md文件，添加comments: false,即把评论关掉，添加type

404公益界面

在source 目录新建404.html，将格式改为utf-8无BOM格式，内容如下：

<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="content-type" content="text/html;charset=utf-8;"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="robots" content="all" />
  <meta name="robots" content="index,follow"/>
</head>
<body>

<script type="text/javascript" src="http://www.qq.com/404/search_children.js"
        charset="utf-8" homePageUrl="/"
        homePageName="回到主页">
</script>

</body>
</html>

测试是否成功，hexo g,hexo d,将代码部署到服务器，然后访问自己的域名，后边随便写点东西，例如我的 windliang.cc/123121231，然后便可以看到公益界面。

设置头像

将头像放到 source/images/ 目录下
在hexo的配置文件新增avatar 字段添加路径

百度统计

进入百度统计,注册百度统计站长版账号，然后添加自己的网站，并点击获取代码

将问号后边的代码复制

打开hexo的配置文件, 新增字段 baidu_analytics 字段，值设置成刚刚复制的

搜索服务

执行命令

1	cnpm install hexo-generator-searchdb --save

在next的配置文件任意位置添加

search:
  path: search.xml
  field: post
  format: html
  limit: 10000

不蒜子统计

打开Next主题的配置文件，进行相关的设置

因为不蒜子的文章统计在文章标题不显示次数，所以设置成了false，用了下边的leancloud.如果觉得不重要的话也可以将其直接设置成true,但文章阅读量点开文章后才会看到。

leancloud 阅读次数统计

详见 leancloud

这里介绍这么多，更多配置见官网

配置过程中hexo g,hexo s进行本地预览
(hexo clean),hexo g,hexo d,进行部署到服务器

Hexo的目录结构， 详细介绍