Hexo博客新增菜单栏

1. 新增菜单栏

  1. 打开主题配置文件_config.yml
  2. 找到menu字段,新增菜单栏
1
2
3
4
5
6
7
8
menu:
Home: .
Archives: archives # 归档
Categories: categories # 分类
Repository: repository # github repositories
About: about # 关于
# 新增的菜单栏
Picture: picturewall # 图片墙
  1. 修改菜单栏对应的图标,具体的图标名称可以在主题的themes\pure\source\css\style.css中找到,是以icon-开头的类名.
    但是看不到图标什么样,文件都在fonts文件夹里了
1
2
3
4
5
6
7
8
9
10
menu_icons:
enable: true # 是否启用导航菜单图标
home: icon-home-fill
archives: icon-archives-fill
categories: icon-folder
tags: icon-tags
repository: icon-project
books: icon-book-fill
picture: icon-starfish
about: icon-cup-fill
  1. 修改菜单栏的名称themes\pure\languages\zh-CN.yml中修改:
1
2
3
4
5
6
7
8
9
10
11
menu:
Home: 首页
Archives: 归档
Categories: 分类
Tags: 标签
Repository: 项目
Books: 书单
Movies: 电影
Links: 友链
About: 关于
Picture: 图片墙 # 新增的
  1. source目录下新建picturewall文件夹,就是第一步中menu菜单对应的,并在该文件夹下新建index.md文件,内容如下:
1
2
3
4
5
6
7
---
title: 照片墙
layout: xxxx
comments: false
sidebar: none
---
#layout可以设置为现有的布局,比如links,books这些,也可以直接把layout删掉
  1. 后续public/picturewall文件夹下的index.html就会根据这个index.md渲染

  2. 固定菜单栏的页面(如果这个页面不需要改动的话,可以设置为跳过渲染),在_config.yml中设置(这一段还没太搞明白):

1
2
skip_render:
- picturewall/index.html