2019-02-15

---

title: hexo-aircloud主题添加Categories页面
mathjax: true
date: 2019-02-16 22:33:51
tags:

• Theme
• Hexo-Aircloud
  categories: Hexo-Aircloud

---

Hexo中的aircloud默认是没有Categories页面的，需要自己创建，并且编写页面

加入语言

首先进入themes->aircloud->languages。

1.编辑en.yml文件，找到nav:，在下面加入categories: CATEGORIES

2.编辑zh.yml文件，找到nav:，在下面加入Categories: 分类

在导航栏中添加图标和文字

进入themes->aircloud->layout->_partial，编辑nav.ejs文件

找到如下代码

<div class="contents" id="nav-content">
        <ul>
            <li <% if(is_home()){ %> <%- "class=active" %> <% } %>>
                <a href="<%= url_for(config.home_dir || '/') %>">
                    <i class="iconfont icon-shouye1"></i>
                    <span><%= __('nav.home') %></span>
                </a>
            </li>

在其下面添加如下代码

<li <% if(is_current('categories')){ %> <%- "class=active" %> <% } %>>
                <a href="<%= url_for(config.category_dir) %>">
                    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_1047203_lbpfa4hyp6r.css">
                    <i class="iconfont icon-category"></i>
                    <span><%= __('nav.categories') %></span>
                </a>
            </li>

上面第三、四行的代码意思可以参考以下博客：https://www.jianshu.com/p/7551a4074d4c

这时CATEGORIES将会在HOME的下面，如果想改变顺序，把上面的代码调整到相应的顺序即可。

导航栏中已经有了CATEGROIES字样，但是当我们点击它却不会跳转。

添加分类页面

在终端输入hexo new page categories新建一个分类页面，此时在source文件夹中就会多出categories文件夹，打开其中的index.md文件，改为如下内容

title: "Categories"
layout: "categories"