图片加载动画
社交链接教程
社交图标使用方法:
基本设置 - 首页小组件 - 社交媒体
具体使用方法如下:
- 链接:
https://github.com/kannafay
- 链接文字 / 导航标签:
<i class="iconfont icon-github-fill"></i><span>My GitHub</span>
- title属性:
GitHub
(可选项) - CSS类:
github
社交图标(共25个):
- GitHub:
<i class="iconfont icon-github-fill"></i>
CSS类:github
- Gitee:
<i class="iconfont icon-gitee-fill"></i>
CSS类:gitee
- 哔哩哔哩:
<i class="iconfont icon-bilibili-fill"></i>
CSS类:bili-b
(蓝色)/bili-p
(粉色) - QQ:
<i class="iconfont icon-qq-fill"></i>
CSS类:qq
- 微信:
<i class="iconfont icon-wechat-fill"></i>
CSS类:wechat
- 网易云音乐:
<i class="iconfont icon-netease-fill"></i>
CSS类:netease
- 微博:
<i class="iconfont icon-weibo-fill"></i>
CSS类:weibo
- 抖音:
<i class="iconfont icon-douyin-fill"></i>
CSS类:douyin
- 快手:
<i class="iconfont icon-kuaishou-fill"></i>
CSS类:kuaishou
- 百度贴吧:
<i class="iconfont icon-tieba-fill"></i>
CSS类:tieba
- 知乎:
<i class="iconfont icon-zhihu-fill"></i>
CSS类:zhihu
- 小红书:
<i class="iconfont icon-redbook-fill"></i>
CSS类:redbook
- 简书:
<i class="iconfont icon-jianshu-fill"></i>
CSS类:jianshu
- 豆瓣:
<i class="iconfont icon-douban-fill"></i>
CSS类:douban
- Youtube:
<i class="iconfont icon-youtube-fill"></i>
CSS类:yb
- Telegram:
<i class="iconfont icon-telegram-fill"></i>
CSS类:tg
- Instagram:
<i class="iconfont icon-instagram-fill"></i>
CSS类:ins
- Twitter:
<i class="iconfont icon-twitter-fill"></i>
CSS类:twitter
- Facebook:
<i class="iconfont icon-facebook-box-fill"></i>
CSS类:fb
- Linkedin:
<i class="iconfont icon-linkedin-box-fill"></i>
CSS类:in
- Twitch:
<i class="iconfont icon-twitch-fill"></i>
CSS类:twitch
- Messenger:
<i class="iconfont icon-messenger-fill"></i>
CSS类:mess
- Dribbble:
<i class="iconfont icon-dribbble-fill"></i>
CSS类:dribbble
- Email:
<i class="iconfont icon-at-fill"></i>
CSS类:email
- 自定义链接:
<i class="iconfont icon-links-fill"></i>
CSS类:link