265 字
1 分钟
导航栏美化 导航栏添加图标
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
结果导航栏不显示图标
正确流程
应该先在网站找到旧版图标
结合图中的两部分内容,应该输入fa fa-book,fa fa-coffee,其他图标同理 最后附上旧版v4.7.0的图标网站(不确定会不会失效,失效了就在官网找吧,官网如果没有那我也找不到了): https://fontawesome.com.cn/v4/icons
导航栏美化 导航栏添加图标
https://fuwari.cbba.top/posts/导航栏美化-导航栏添加图标/