avatar

大佬友联

身旁好友

网络好友

个性定制

友情链接

申请友链格式

注意:添加友链请到friend参照README文件进行添加。

因各种原因,是在不想每次添加友链时手动更新配置文件。因此便有了几次尝试

  1. 通过小伙伴手动提交PR,更新json文件实现友链实时刷新

    因考虑很多小伙伴不懂json且难度系数有点高,因此放弃了

  2. 通过在码云提交Issue添加友链

    此方法目前使用,仓库地址:friend

因此添加友链请到friend仓库参照README文件进行新建issue

这四个字段是申请友联时所必须填写的。如果需要个性化,请参考选填项

1
2
3
4
name: 名称
link: 地址
avatar: 头像
descr: 描述

friend不支持这些字段

以下为选填项

1
2
3
4
5
6
7
width: 0px (代表边框的大小border-width)
color: "linear-gradient(45deg,blue,red)" 代表色
style: "solid" 边框的形状
time: 1s 动画时长
rotate: 0deg
custom: "link_custom" 动画样式
rotate: -180deg
各字段解释
  1. width字段

    代表边框的大小,0代表不显示。默认为(0px,也就是不显示)

  2. color字段

    代表色的颜色,也是鼠标悬停后的颜色、字体颜色。默认为淡蓝色#49b1f5

    可以使用的颜色格式:rgbrgbahslhsla、16进制颜色以及关键字颜色等

    也可以设置渐变色,但是渐变色会导致边框颜色及字体颜色为默认色无法更改。

  3. style字段

    边框的形状也就是border-style的取值,默认为实线(solid

  4. time字段

    动画时长设定,默认为0s,也就是不添加动画。

  5. rotate字段

    填写角度代表鼠标悬停时头像旋转的角度,默认为0deg,不旋转。

  6. custom字段

    此字段留下来的目的时为了后期添加更多的特效。默认值link_custom

    link_custom为呼吸灯效果

    flash为边框闪现效果

如果你有好的样式或想法欢迎留言哦!

更多效果请参考下边测试效果栏的链接。推荐在开发者工具中调试一个自己喜欢的配色留言哦。

渐变配色参考网址:

  1. https://gradient.shapefactory.co/
  2. https://webkul.github.io/coolhue/
  3. https://uigradients.com/

如果你使用渐变配色请在color字段写入你的css值例如linear-gradient(45deg,blue,red)

只填写颜色那么默认使用线性渐变0度旋转进行设置

小站是 🍤学习 or 🍥博客站

至少一篇原创,没有原创的内容📔📕📗📘📙📓的话很快就会死掉的呢

申请友联请务必能在你的友联处看到本站链接。

网站要有维护,定期或不定期均可

如果内容含有广告会酌情处理。

含有违反中国法律内容的一律不通过。

网站被QQ、微信标红的一律不通过。

资源站、视频站等一切非博客类网站一律不通过。

3个月以上没有新文章、网站打不开、取消本站链接本站将直接移除你的链接。

新站请过段时间再来申请。

注意:添加友链请到friend参照README文件进行添加。

我的信息

1
2
3
4
5
6
7
name: 小康博客
link: https://www.antmoe.com/
avatar: https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/avatar.jpg
descr: 一个收藏回忆与分享技术的地方!
#以下内容如果存在的情况下
width: 1px (代表边框的大小border-width)
color: "#881B12"
点击刷新