本地搜索

1
npm install hexo-generator-search --save

在Hexo 根目录下的 _config.yml修改

1
2
3
4
5
6
7
8
9
# Local search
local_search:
  enable: true
  # Preload the search data when the page loads.
  preload: false
  # Show top n results per article, show all results by setting to -1
  top_n_per_article: 1
  # Unescape html strings to the readable one.
  unescape: false

心知天气插件

导航栏分离

顶部导航栏字体颜色

1
2
3
4
/* 顶部导航栏字体颜色 */
#nav a {
    color: #A9D0D9;
}

顶栏字体大小、间距、粗细美化

1
2
3
4
5
6
7
8
9
10
11
12
13
/*顶栏美化*/
#nav .site-page {
  font-size: 0.79em; /*字体大小*/
  letter-spacing: 3px; /*字体间距*/
  font-weight: 600; /*字体粗细*/
}

#nav {
  height: 70px; /*顶栏高度调整*/
}
#page-header.nav-fixed #nav {
  top: -70px; /*顶栏调整空缺补齐*/
}

图标

阿里巴巴矢量图下载链接：https://www.iconfont.cn

注册——选取自己喜欢的图标——在购物车（添加到项目）——项目设置（添加色彩）——下载——添加（荧光色）文件到theme/source/css里面

——打开iconfont.css文件，将图标名复制到_config中(iconfont icon-zhuye-)(文件名 图标名)，并插入css引用

1
2
3
4
5
6
7
8
9
10
11
12
# Menu 目錄
menu:
   主页: / || iconfont icon-zhuye-
   时间轴: /archives/ || iconfont icon-shijian1
   标签: /tags/ || iconfont icon-sekuaibiaoqian
   分类: /categories/ || iconfont icon-fenlei
  # List||fas fa-list:
  #   Music: /music/ || fas fa-music
  #   Movie: /movies/ || fas fa-video
  # Link: /link/ || iconfont
   关于: /about/ || iconfont icon-guanyuwomen1
   链接库: /link/ || iconfont icon-icon-test
1
2
3
inject:
  head:
       - <link rel="stylesheet" href="/css/iconfont.css">