Hexo主题配置之菜单图标配置问题


前言

​ 小编也是最近刚实现用github + Hexo来搭建自己的个人网站,搭建网站和主题基本配置的具体步骤小编这里就不赘述了,网上的资源大把的,小编搭建网站时主要参考的知乎上的一篇详细教程另一篇相对简洁的博客。按着教程一步一步来,搭建和更换主题是完全没问题滴~这里小编给大家唯一的忠告就是,一定要分清站点的配置文件(_config.yml)和主题的配置文件(_config.yml)!!!

踩坑之旅

​ 总的来说小编在搭建博客时没遇上什么问题,当然也可能是小编并没哟进行很高端的配置,下面就说一下小编遇到的坑~

1. 修改配置文件后报错
  • TypeError: Cannot read property ‘utcOffset’ of null

    解决方案:修改站点的配置文件中timezone这一属性的值为:Asia/Shanghai

  • YAMLException: can not read a block mapping entry; a multiline key may not be an implicit key at line…

    解决方案:报错行数附近的配置项冒号后面忘记加空格

  • 修改主题配置后主题图标不生效,具体情况如图所示

    设置的图标无效

    原因:小编当时也在网上搜了很多帖子,每一个修改步骤都是按照帖子里面来的,先修改主题配置文件中的menu配置,然后再修改menu_icons的配置,但是无论怎么改都是不生效;后来小编发现,在最新版的next主题中,菜单图标设置已经不是通过menu_icons属性设置了,这个属性只用于设置是否显示图标,新版主题设置直接就在menu属性中,例如:

    home: / || home

    ​ 其实,在clone主题之后初始化的文件中就是这样写的,只怪小编没有仔细看就安装旧版的教程改了~

    ​ 但是,按照新版设置改过来之后,又出现了新的问题,图标的样式虽然显示出来了,但是点击图标跳转到的网址却是错误的,如下图所示,跳转的网址莫名其妙多加了%20,导致网址错误加载不出页面~

    跳转的网址莫名其妙多了加了‘%20’

    ​ 这个问题小编尝试了很久,才发现是配置图标的时候,**||符号前面多了一个空格**导致的,删掉多余的空格就OK啦~~

    结语

    ​ 到此,小编的个人网站配置算是告一段落了,以后有时间会尝试一些更高级的配置~


文章作者: CassielLee
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 CassielLee !
评论
  目录