2023-06-03 hexo+next主题之如何设置菜单图标

发布时间 2023-06-03 15:14:54作者: 哎呦你可棒棒了

注意是next主题

找到 你的博客\themes\hexo-theme-next里的_config.yml文件,搜索menu,如:

menu:
  home: /||home
  about: /about/||user
  tags: /tags/||tags
  categories: /categories/||th
  archives: /archives/||archive
  album: /album/

比如我现在创建了album(相册)菜单,我该怎么添加它的icon呢,是这样的,menu的格式为:

菜单名: /菜单名/||图标名称

注意:/和||之间不要有空格,不然路径会多出一个%20

OK,把/album/改成/album/||image,即添加了一个名为image的图标

再次注意:image或者上面的user或者tags都是指向hexo引用的fa awesome字体图标库,图标名要和这个库对应上

我之前是这么写的

album: 
    url: /album/
    icon: fa fa-image

结果发现它的图标是一个圆形的问号,改成这样也不行:

album: 
    url: /album/
    icon: image

最后通过观察next主题的默认配置,才发现它的图标要写在/||后面才行。