Skip to content

v1.6 版本更新注意事项 #178

@Molunerfinn

Description

@Molunerfinn

新版文档已经上线!欢迎访问
如果发现访问依然是旧版,请ctrl+f5多刷新几次!
image

一直以来hexo-theme-melody的用户对于平滑升级已经很熟悉,不过本次1.6版本更新带来了一些breaking changes,所以需要大家手动做一些调整,十分抱歉!

其中最显著的就是图标icon的改动。如果你发现升级了版本之后博客的icon显示不全,比如:

image

这是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版本链接下面:

image

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

image

注意到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,加入了许多功能,之后会更新版本说明,也希望大家能够喜欢~

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions