首页 > 其他分享 >2023-06-03 hexo+next主题之如何设置菜单图标

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

时间:2023-06-03 15:23:35浏览次数:44  
标签:album 03 菜单 06 hexo image 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主题的默认配置,才发现它的图标要写在/||后面才行。

 

标签:album,03,菜单,06,hexo,image,next,图标
From: https://www.cnblogs.com/iuniko/p/17454016.html

相关文章

  • pygame-03游戏界面等环境配置
    1-示例代码importmath,randomimportpygamefrompygameimportmixer#游戏初始化pygame.init()#窗口设置screen=pygame.display.set_mode((800,600))#背景设置background=pygame.image.load('background.png')#背景音乐,-1表示循环播放mixer.music.load(......
  • Hugging News #0602: Transformers Agents 介绍、大语言模型排行榜发布!
    每一周,我们的同事都会向社区的成员们发布一些关于HuggingFace相关的更新,包括我们的产品和平台更新、社区活动、学习资源和内容更新、开源库和模型更新等,我们将其称之为「HuggingNews」,本期HuggingNews有哪些有趣的消息,快来看看吧!重磅更新TransformersAgents发布,通过自......
  • 数据库应用2023-06-03 触发器
    Mysql触发器实例详解-Mr_Echo-博客园(cnblogs.com)CREATETRIGGERtrigger_nametrigger_timetrigger_eventONtb_nameFOREACHROWtrigger_stmttrigger_name:触发器的名称tirgger_time:触发时机,为BEFORE或者AFTERtrigger_event:触发事件,为INSERT、DELETE或者UPDATEtb_......
  • 2023-06-03 初试python爬取文章
    注意:本实验是在windows系统下操作。首先配置python环境以及安装一些必要的库:安装python请前往python官网下载,仙人指路......
  • A1003 Emergency
    题目:Asanemergencyrescueteamleaderofacity,youaregivenaspecialmapofyourcountry.Themapshowsseveralscatteredcitiesconnectedbysomeroads.Amountofrescueteamsineachcityandthelengthofeachroadbetweenanypairofcitiesarem......
  • [ABC303E]
    [ABC303E]AGiftFromtheStars每次合并都是合并入度为\(1\)的点,所以合并的一定不是中心,且被合并后入度是\(2\)。因此如果某个节点的入度\(\ge3\),那么这个节点一定是中心。对于剩余的点,因为保证有解,直接当作大小为\(2\)的星处理。(注意大小为\(2\)的星共\(3\)个点)。......
  • The 'Access-Control-Allow-Origin' header contains multiple values'*, *', but onl
    报错内容The'Access-Control-Allow-Origin'headercontainsmultiplevalues'*,http://192.168.237.131',butonlyoneisallowed.Havetheserversendtheheaderwithavalidvalue,or,ifanopaqueresponseservesyourneeds,setthereque......
  • 0003.有监督学习之决策树
    一、什么是决策树决策树(DecisionTree)是有监督学习中的一种算法,并且是一种节本的分类与回归的方法。即决策树有两种:分类树和回归树。那什么事决策树了?简单点说就是二元判定,从头到尾逐次判定其归属类型。从上述案例,我们很容易理解:决策树算法的本质就是二元判定的属性结构,我们......
  • 2023-06-03 hexo路径出现%7C%7
    该问题是由一个sidebar.swig文件引起的解决方案:打开你的博客\themes\hexo-theme-next\layout\_macro在里面找到sidebar.swig文件,把判断代码去掉修改前:{%ifconfig.archive_dir!='/'andsite.posts.length>0%}<divclass="site-state-itemsite-state-posts">......
  • 2023-06-03 hexo设置中文
    我的博客使用的主题是Next主题在你的博客\themes\hexo-theme-next\languages中可以看到很多的语言包比如我要设置博客文件为简体中文,对应的就是zh-Hans接着,在博客根目录打开_comfig.yml,修改language的值为zh-Hans即可......