Hexo模板

2023年2月25日 Node Joe.Ye

hexo-theme-hiker

Github：https://github.com/iTimeTraveler/hexo-theme-hiker
Demo：https://itimetraveler.github.io/hexo-theme-hiker/
官网：http://itimetraveler.github.io/index.html

头部渐变背景

themes/hiker/source/css/header-post.css

#allheader {
    background: linear-gradient(120deg, #155799, #159957);
    //background: transparent;
    z-index: 2;
}
.navbar-default .navbar-nav > li > a {
    //color: #555;
    color: #FFF;
    position: relative;
    display: block;
    padding: 15px 15px;
}

添加分类页面

hexo new page categories

确认站点配置文件里有category_dir: categories
确认主题配置文件里有categories: /categories

编辑站点的source/categories/index.md，添加

---
title: 分类
date: 2017-10-18 16:12:56
layout: "categories"
comments: false
---

添加标签页面

hexo new page tags

确认站点配置文件里有tag_dir: tags
确认主题配置文件里有tags: /tags

编辑站点的source/tags/index.md，添加

---
title: 标签
date: 2017-10-18 19:06:29
layout: "tags"
comments: false
---

文章间距

themes/hiker/source/css/_variables.styl

// Layout
block-margin = 0px

文章太长自动生成的目录无法滚动

themes/hiker/source/css/_partial/article.styl

/* 搜索，修改#toc参数，添加height属性，参数都缩进两位，该注释删除 */
#toc
  height: 90%

/* #toc 后增加以下两个样式, 用于修改滑块、滑条样式，该注释删除 */
#toc::-webkit-scrollbar
  background-color: #ece9e9
  -webkit-border-radius: 2em
  -moz-border-radius: 2em
  border-radius: 2px
  width: 5px

#toc::-webkit-scrollbar-thumb
  border-radius: 4px
  background: rgba(0,0,0,0.3)
  -webkit-box-shadow: inset 0 0 6px RGB(243, 243, 244)