butterfly导航栏图标修改

本文介绍如何为导航栏添加图标,通过FontAwesome官网选择合适的图标类名,并替换官方配置中的图标名称,实现自定义导航栏图标的效果。

导航栏图标

我看了官方配置文件,里面好像没有关于导航栏图标的描述,修改完效果如下

text
1

例: 首页: / || fas fa-home

打开fontawesome 点击顶部导航栏的icons 比如我在搜索栏里搜索bilibili 点击你想要的图标 这里他给了一个html

text
1

<i class="fa-brands fa-bilibili"></i>```

把里面的fa-brands fa-bilibili复制下来

text
1234

# 原来代码首页: / || fas fa-home#修改后首页: / || fa-brands fa-bilibili

至此修改完毕

购买雨云服务器并部署hexo博客-购买云服务器
12月到了

评论区

评论加载中...