在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