运维咖啡吧
·
使用JS自动生成文字头像
💡
原文中文，约3600字，阅读约需9分钟。
📝
内容提要
本文介绍了LetterAvatar自动生成文字头像的使用方法，通过替换img标签生成站点图标，解决了导航站加载图标的问题。
🎯
关键要点
- 本文介绍了LetterAvatar自动生成文字头像的使用方法。
- 使用LetterAvatar可以解决导航站加载图标的问题。
- 作者创建了一个简单的导航站来管理收藏的网站。
- 原本使用网站的ICON地址，但部分地址改变导致图标无法加载。
- 下载图标到本地或云存储占用存储空间且麻烦。
- LetterAvatar项目可以自动生成每个站点的图标，类似于钉钉的文字头像。
- 提供了一段JS代码用于生成文字头像。
- 使用LetterAvatar时，只需替换img标签，设置avatar和color属性。
- avatar属性用于配置显示的文字，支持字母和汉字。
- color属性用于配置文字的底色，class为round可设置圆角图标。
- 通过简单的代码实现自动生成网站图标，解决了加载问题。
➡️
