基于Hexo的Matery主题个人博客的部分个性化修改
页面菜单栏文字个性化设置:
方法一:打开主题下的配置文件_config.yml,直接在menu下修改,中文支持很好
menu:
我的主页:
url: /
icon: fas fa-home
标签:
url: /tags
icon: fas fa-tags
分类:
url: /categories
icon: fas fa-bookmark
时间轴:
url: /archives
icon: fas fa-archive
个人中心:
url: /about
icon: fas fa-user-circle
访客登记薄:
url: /contact
icon: fas fa-comments
学习情报处:
url: /friends
icon: fas fa-address-book
方法二:打开 themes\hexo-theme-matery\layout\_partial\navigation.ejs 文件,修改下面代码中的中文即可
var menuMap = new Map();
menuMap.set("Index", "首页");
menuMap.set("Tags", "标签");
menuMap.set("Categories", "分类");
menuMap.set("Archives", "归档");
menuMap.set("About", "关于");
menuMap.set("Contact", "留言板");
menuMap.set("Friends", "友情链接");
页面菜单栏图标个性化设置:
matery主题中的小图标都是调用 http://www.fontawesome.com.cn/faicons上的图标,记住图标名称,引用的时候直接写就行了,格式如下:
icon: fas fa-tv
icon: fas fa-play
icon: fas fa-mouse
页面下大标题修改成和菜单栏文本相同:
打开 themes\hexo-theme-matery\languages\zh-CN.yml 文件,修改格式如下:
archives: 归档
about: 关于
contact: 访客登记薄
friends: 学习情报处
二级菜单页面个性化——调成和友链页面相同:
1.定义下拉菜单:
休闲生活馆:
icon: fas fa-list
children:
- name: 听歌
url: /musics
icon: fas fa-music
- name: 追剧
url: /movies
icon: fas fa-tv
- name: 看书
url: /books
icon: fas fa-book
定义下拉菜单后,执行新建页面命令:
hexo new page "musics"
hexo new page "movies"
hexo new page "books"
编辑新建的 source/musics/index.md 文件,加上 type 和 layout 这两行
title: musics
date: 2020-02-23 19:37:07
type: "musics"
layout: "musics"
2.找到 source\_data 文件夹,复制 friends.json 粘贴成副本重命名为 musics.json
3.找到 themes\hexo-theme-matery\layout 文件夹,复制 friends.ejs 粘贴成副本重命名为 musics.ejs,然后打开 musics.ejs 文本内搜索 friends ,把它们改成 musics,注意定义的 class 和 id 内的不要改,只改变量,更改目标为下图高亮部分:
如果想更改页面大标题和二级菜单图标相同的也是在这张图的第一句那里改
4.修改 musics.json 内的链接相关内容,刷新查看页面应该就变了
后续
后续可能会更新更加详细的不局限于友链样式的个性化方法
欢迎大家访问我的个人博客:https://mmddyhc.github.io/