菜单
本页目录

图片加载动画

loading4.gif loading6.gif loading7.gif loading8.gif loading5.gif loading9.gif loading10.gif loading11.gif loading3.gif loading2.gif loading1.gif

社交链接教程

社交图标使用方法:

基本设置 - 首页小组件 - 社交媒体

具体使用方法如下:

  • 链接: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