你瞅啥呢

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

注意是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主题的默认配置,才发现它的图标要写在/||后面才行。

 

posted @   叶乘风  阅读(168)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
点击右上角即可分享
微信分享提示