265 字
1 分钟
导航栏美化 导航栏添加图标
2023-02-15

halo博客修改导航栏页面#

halo后台=>外观=>菜单设置=>编辑=>图标

只需要在图标栏中输入图标的class属性即可 附上使用的图标网址:https://fontawesome.com.cn/

注意#

目前该图标的版本为v5.15.4,而本Dream主题是基于v4.7.0版本制作的。 下面是Dream主题作者的主题使用手册-基础版截图:

这里我弄了好久才弄明白,我没看版本,网站现在默认给的是最新版v5.15.4的图标代码,我输入才不显示。

错误流程#

网站里首页图标的代码为

<i class="fas fa-home" />

我第一次输入的是

fas fa-home

结果导航栏不显示图标

正确流程#

应该先在网站找到旧版图标 点击v4图标库

结合图中的两部分内容,应该输入fa fa-book,fa fa-coffee,其他图标同理 最后附上旧版v4.7.0的图标网站(不确定会不会失效,失效了就在官网找吧,官网如果没有那我也找不到了): https://fontawesome.com.cn/v4/icons

导航栏美化 导航栏添加图标
https://fuwari.cbba.top/posts/导航栏美化-导航栏添加图标/
作者
Chen_Feng
发布于
2023-02-15
许可协议
CC BY-NC-SA 4.0