-
-
Notifications
You must be signed in to change notification settings - Fork 213
Closed
Labels
Description
新版文档已经上线!欢迎访问。
如果发现访问依然是旧版,请ctrl+f5多刷新几次!

一直以来hexo-theme-melody的用户对于平滑升级已经很熟悉,不过本次1.6版本更新带来了一些breaking changes,所以需要大家手动做一些调整,十分抱歉!
其中最显著的就是图标icon的改动。如果你发现升级了版本之后博客的icon显示不全,比如:
这是hexo-theme-melody为了兼容font-awesome v5而做出的改动。
事实上如果你依然在使用font-awesome v4版本(hexo-theme-melody默认版本),那么你只需要在你的主题配置文件(通常是melody.yml)里修改social字段:
比如原本social字段如下:
social:
github: https://github.com/Molunerfinn
weibo: http://weibo.com/mybluedreams/
rss: https://molunerfinn.com/atom.xml 现在你需要在每个字段名后面加上 fa来修复图标显示不全的问题:
social:
github fa: https://github.com/Molunerfinn
weibo fa: http://weibo.com/mybluedreams/
rss fa: https://molunerfinn.com/atom.xml 如果你想使用font-awesome v5的图标,那么请访问官网挑选你需要的图标。
并在hexo-theme-melody的配置文件里加入font awesome v5的链接,加到原本默认的v4版本链接下面:
cdn:
css:
fontawesome: https://cdn.jsdelivr.net/npm/font-awesome@latest/css/font-awesome.min.css
fontawesomev5: https://use.fontawesome.com/releases/v5.7.2/css/all.css比如alipay:
注意到font-awesome v5图标的class命名方式跟v4有所不同,例如上图是fab fa-alipay。对应到hexo-theme-melody的配置文件里,你只需要写alipay fab即可,注意要把prefix也就是fab写到alipay后面。也就是social-icon的命名方式变成name prefix:
social:
github fa: https://github.com/Molunerfinn
weibo fa: http://weibo.com/mybluedreams/
rss fa: https://molunerfinn.com/atom.xml
alipay fab: https://xxx.com因为破坏性更新给大家带来了不便,十分抱歉!
同时hexo-theme-melody v1.6版本解决了许多bug,加入了许多功能,之后会更新版本说明,也希望大家能够喜欢~
Reactions are currently unavailable


