avatar

稍等!

申请友链格式

注意:本人看到留言后会第一时间检查您的网站是否添加了本站链接,如果没有那么您的留言会被站长忽略,不给予回复。

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

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

默认效果展示

默认

鼠标悬停

目前不可用,但可用后会适配。

以下为选填项

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 度旋转进行设置

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

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

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

小站全站请不要含有中国法律不允许的内容。

网站打不开、取消本站链接本站将直接移除你的链接。

小站采用用自助友链申请,请自行前往 Github 进行 PR 提交。提交 PR 时要确保你所写内容格式的正确性(json)。

我的信息

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"