玩命加载中 . . .

基于Hexo的Matery主题个人博客的部分个性化修改


基于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/


评论
  目录