hexo添加_HEXO-aircloud主题:在侧边栏添加一项栏目

3c62a136ce7079e6c97a5c81d1a7d1ab.png

本文首发于http://github.io博客,内容涉及对基于hexo-aircloud主题进行偏学术风格的个人主页设计。个人主页代码开源。

https://meridiancas.github.io/archives/​meridiancas.github.io

以添加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

第三步,在themesaircloud的languages目录下(例如,en.yml和zh.yml在我的“http://MeridianCAS.github.iothemesaircloudlanguages”目录下),分别为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: 关于

第四步,在themesaircloud目录下的_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

第五步,在themesaircloudlayout_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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值