在Sidebar里添加item

以添加Projects为例,展示如何在sidebar里添加一个新的item。

第一步,用hexo新建一个名为projects的page,在source目录下就会新建一个projects目录。目录里有一个index.md文件和一个index子目录。

hexo new page projects

这里要记得修改index.md的头部:加上layout并改为缩进格式,才能在点击侧边栏的”PROJECTS”时,显示相应的index.html内容。

layout: "about"
title: projects
date: 2020-04-30 10:27:26

第二步,在根目录的_config.yml文件中的Directory中添加project_dir: projects,如下所示:

source_dir: source
public_dir: public
publication_dir: publications
project_dir: projects
archive_dir: archives
ans_dir: ans
code_dir: downloads/code
i18n_dir: :lang
skip_render: README.md

第三步,在themes\aircloud\的languages目录下(例如,en.yml和zh.yml在我的“MeridianCAS.github.io\themes\aircloud\languages”目录下),分别为en.yml和zh.yml添加关于project的说明。。

在en.xml中为:

home: HOME
publications: PUBLICATIONS
projects: PROJECTS
archives: ARCHIVES
ans: ANS GROUP
about: ABOUT

在zh.xml中为:

home: 主页
publications: 论文
projects: 项目
archives: 存档
ans: 自主导航研究组
about: 关于

第四步,在themes\aircloud\目录下的_config.yml中,添加关于projects的内容。

在menu中添加projects对应的目录:

home: /
publications: /publications
projects: /projects
archives: /archives
ans: /ans
about: /about 

在menu_icons添加projects对应的图标为archive(偷懒直接用了aircloud主题里已有的图标):

enable: true
home: home
about: user    
publications: archive
projects: archive
ans: tags
archives: archive

第五步,在themes\aircloud\layout_partial的nav.ejs中,添加关于projects的内容。

<li <% if(is_current('project')){ %> <%- "class=active" %> <% } %>>
    <a href="<%= config.root %><%- 'projects/' %>">
        <i class="iconfont icon-guidang2"></i>
        <span><%= __('nav.projects') %></span>
    </a>
</li>

第六步,运行hexo clean、hexo g和hexo d,就能看到个人主页上增加了PROJECTS栏目。

hexo clean
hexo g
hexo d