分享配置🐹掘金动态头像🐹,内有大量的动图特效

6,835 阅读4分钟

882P9OSY06V0.png

其他合集链接

分享几个超级棒的🐯谷歌浏览器插件🐯

分享几款超级棒的☘️VS Code插件☘️,提升你的工作效率

🌜分享一些自己常用的前端常用工具网站🌛

分享几个🏵️前端知识和面试网站🏵️

🐲总有一个可以提升你工作效率的vite插件🐲

🌿非常火的前端开源项目🌵

今天要和大家分享如何配置掘金动态头像,让你的个人资料更加有趣和个性化!

话不多说,直接开整。

掘金如何更换动态头像

掘金更换动态头像,只需按照以下步骤操作即可:

  • 打开掘金,登录个人账户

  • 打开控制台,在控制台上输入:

var ajax = new XMLHttpRequest();
ajax.open('post','https://juejin.cn/web/user/update/user_info/',true);
ajax.setRequestHeader('content-type','application/x-www-form-urlencoded');
ajax.send("aid=2608&avatar=https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e90b9e298afa4ad3bacc73d25a0da570~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=354&h=198&s=3477934&e=gif&f=101&b=2d5336");
ajax.onreadystatechange = function (){
    if(ajax.readyState==4&&ajax.status==200){
        var c = ajax.responseText;
        console.log(c)
    }
}

这里只需要在:aid=2608&avatar=头像地址,把头像地址替换成你想要的动态头像即可。

  • 输入完成后,点击回车,控制台会输出成功标识,等待审核成功即可。

  • 不要同时多次更换,必须要在上一次审核成功后,再进行替换。

自己上传动态头像gif

上面的头像地址,可以自己找一些动态头像,然后通过写文章等方式上传到掘金上,发布成功后,鼠标移到动态头像上,右击检查,复制动态头像的地址,替换上面的地址即可。

动画.gif

这种方式的好处是:

  • 可以快速地找到自己喜欢的动态头像

缺点就是:

  • gif动图资源不太好找
  • 需要自己上传到掘金上,相对麻烦一点。
  • 上传替换尺寸也有要求。

这里我给大家推荐个视频/录制转gif的软件,ScreenToGif.exe,用着很方便。

image-20240601081951338.png

软件地址www.lanzouw.com/iw6ma20el4j…

替换别人的动态头像

上一章节说道,自己上传再替换的方法稍微麻烦一点。

那有没有简单一点的方法呢,但是还有的,可以直接复制别人动态头像的地址,执行上面的方法即可。

当然,这种方法也不是没有缺点的,唯一的缺点是怎么找到自己比较喜欢的动态头像,现在掘金上很多用户的头像是静止的,很少有动态的,即使是有,也是有很多重复和对我而言一般的。

为了给大家解决这个问题,我整理了掘金上比较好的一些动态头像,供大家替换。

狗狗系列

var ajax = new XMLHttpRequest();
ajax.open('post','https://juejin.cn/web/user/update/user_info/',true);
ajax.setRequestHeader('content-type','application/x-www-form-urlencoded');
ajax.send("aid=2608&avatar=https://p6-passport.byteacctimg.com/img/user-avatar/5a3f65c1808beb286a51c56d7a0903b4~50x50.awebp");
ajax.onreadystatechange = function (){
    if(ajax.readyState==4&&ajax.status==200){
        var c = ajax.responseText;
        console.log(c)
    }
}

动画.gif

var ajax = new XMLHttpRequest();
ajax.open('post','https://juejin.cn/web/user/update/user_info/',true);
ajax.setRequestHeader('content-type','application/x-www-form-urlencoded');
ajax.send("aid=2608&avatar=https://p26-passport.byteacctimg.com/img/user-avatar/e745ba4cd997fb2119151a88d35e2dc5~40x40.awebp");
ajax.onreadystatechange = function (){
    if(ajax.readyState==4&&ajax.status==200){
        var c = ajax.responseText;
        console.log(c)
    }
}

动画.gif

var ajax = new XMLHttpRequest();
ajax.open('post','https://juejin.cn/web/user/update/user_info/',true);
ajax.setRequestHeader('content-type','application/x-www-form-urlencoded');
ajax.send("aid=2608&avatar=https://p6-passport.byteacctimg.com/img/user-avatar/0f01ecaeba4f9bacc9aa5a82d04e0a78~50x50.awebp");
ajax.onreadystatechange = function (){
    if(ajax.readyState==4&&ajax.status==200){
        var c = ajax.responseText;
        console.log(c)
    }
}

动画.gif

var ajax = new XMLHttpRequest();
ajax.open('post','https://juejin.cn/web/user/update/user_info/',true);
ajax.setRequestHeader('content-type','application/x-www-form-urlencoded');
ajax.send("aid=2608&avatar=https://p9-passport.byteacctimg.com/img/user-avatar/d105d3dc626f2435db146e93c62ab0ae~50x50.awebp");
ajax.onreadystatechange = function (){
    if(ajax.readyState==4&&ajax.status==200){
        var c = ajax.responseText;
        console.log(c)
    }
}

动画.gif

var ajax = new XMLHttpRequest();
ajax.open('post','https://juejin.cn/web/user/update/user_info/',true);
ajax.setRequestHeader('content-type','application/x-www-form-urlencoded');
ajax.send("aid=2608&avatar=https://p3-passport.byteacctimg.com/img/user-avatar/700daf9553f00a25e5948419871636f8~50x50.awebp");
ajax.onreadystatechange = function (){
    if(ajax.readyState==4&&ajax.status==200){
        var c = ajax.responseText;
        console.log(c)
    }
}

动画.gif

var ajax = new XMLHttpRequest();
ajax.open('post','https://juejin.cn/web/user/update/user_info/',true);
ajax.setRequestHeader('content-type','application/x-www-form-urlencoded');
ajax.send("aid=2608&avatar=https://p26-passport.byteacctimg.com/img/user-avatar/ab07005f9ec8119331b5f92c41c6fc92~50x50.awebp");
ajax.onreadystatechange = function (){
    if(ajax.readyState==4&&ajax.status==200){
        var c = ajax.responseText;
        console.log(c)
    }
}

动画.gif

var ajax = new XMLHttpRequest();
ajax.open('post','https://juejin.cn/web/user/update/user_info/',true);
ajax.setRequestHeader('content-type','application/x-www-form-urlencoded');
ajax.send("aid=2608&avatar=https://p26-passport.byteacctimg.com/img/user-avatar/35c5f1e45b9837645389693e68b84ef7~50x50.awebp");
ajax.onreadystatechange = function (){
    if(ajax.readyState==4&&ajax.status==200){
        var c = ajax.responseText;
        console.log(c)
    }
}

动画.gif

动漫美女人物

var ajax = new XMLHttpRequest();
ajax.open('post','https://juejin.cn/web/user/update/user_info/',true);
ajax.setRequestHeader('content-type','application/x-www-form-urlencoded');
ajax.send("aid=2608&avatar=https://p26-passport.byteacctimg.com/img/user-avatar/6b1f799ac6e240c8adda1bfa18aa0c61~50x50.awebp");
ajax.onreadystatechange = function (){
    if(ajax.readyState==4&&ajax.status==200){
        var c = ajax.responseText;
        console.log(c)
    }
}

动画.gif

var ajax = new XMLHttpRequest();
ajax.open('post','https://juejin.cn/web/user/update/user_info/',true);
ajax.setRequestHeader('content-type','application/x-www-form-urlencoded');
ajax.send("aid=2608&avatar=https://p6-passport.byteacctimg.com/img/user-avatar/9563464d054a1088240aee8b0cb72d8b~50x50.awebp");
ajax.onreadystatechange = function (){
    if(ajax.readyState==4&&ajax.status==200){
        var c = ajax.responseText;
        console.log(c)
    }
}

动画.gif

var ajax = new XMLHttpRequest();
ajax.open('post','https://juejin.cn/web/user/update/user_info/',true);
ajax.setRequestHeader('content-type','application/x-www-form-urlencoded');
ajax.send("aid=2608&avatar=https://p9-passport.byteacctimg.com/img/user-avatar/f35bcbbfa66a2bd4dcbf2feb6a1b9a2f~50x50.awebp");
ajax.onreadystatechange = function (){
    if(ajax.readyState==4&&ajax.status==200){
        var c = ajax.responseText;
        console.log(c)
    }
}

动画.gif

var ajax = new XMLHttpRequest();
ajax.open('post','https://juejin.cn/web/user/update/user_info/',true);
ajax.setRequestHeader('content-type','application/x-www-form-urlencoded');
ajax.send("aid=2608&avatar=https://p9-passport.byteacctimg.com/img/user-avatar/1d987d315952b60858ff1837054d2423~50x50.awebp");
ajax.onreadystatechange = function (){
    if(ajax.readyState==4&&ajax.status==200){
        var c = ajax.responseText;
        console.log(c)
    }
}

动画.gif

其他

var ajax = new XMLHttpRequest();
ajax.open('post','https://juejin.cn/web/user/update/user_info/',true);
ajax.setRequestHeader('content-type','application/x-www-form-urlencoded');
ajax.send("aid=2608&avatar=https://p3-passport.byteacctimg.com/img/user-avatar/4f90f4bced606d0a0a2352fac3b87383~50x50.awebp");
ajax.onreadystatechange = function (){
    if(ajax.readyState==4&&ajax.status==200){
        var c = ajax.responseText;
        console.log(c)
    }
}

动画.gif

var ajax = new XMLHttpRequest();
ajax.open('post','https://juejin.cn/web/user/update/user_info/',true);
ajax.setRequestHeader('content-type','application/x-www-form-urlencoded');
ajax.send("aid=2608&avatar=https://p26-passport.byteacctimg.com/img/user-avatar/35c5f1e45b9837645389693e68b84ef7~50x50.awebp");
ajax.onreadystatechange = function (){
    if(ajax.readyState==4&&ajax.status==200){
        var c = ajax.responseText;
        console.log(c)
    }
}

动画.gif

var ajax = new XMLHttpRequest();
ajax.open('post','https://juejin.cn/web/user/update/user_info/',true);
ajax.setRequestHeader('content-type','application/x-www-form-urlencoded');
ajax.send("aid=2608&avatar=https://p26-passport.byteacctimg.com/img/user-avatar/1024e83dc23f2eb69ce1ad3b00c7895d~50x50.awebp");
ajax.onreadystatechange = function (){
    if(ajax.readyState==4&&ajax.status==200){
        var c = ajax.responseText;
        console.log(c)
    }
}

动画.gif

var ajax = new XMLHttpRequest();
ajax.open('post','https://juejin.cn/web/user/update/user_info/',true);
ajax.setRequestHeader('content-type','application/x-www-form-urlencoded');
ajax.send("aid=2608&avatar=https://p9-passport.byteacctimg.com/img/user-avatar/f9b4bdf08670f0e36a39de77037b120c~50x50.awebp");
ajax.onreadystatechange = function (){
    if(ajax.readyState==4&&ajax.status==200){
        var c = ajax.responseText;
        console.log(c)
    }
}

动画.gif

var ajax = new XMLHttpRequest();
ajax.open('post','https://juejin.cn/web/user/update/user_info/',true);
ajax.setRequestHeader('content-type','application/x-www-form-urlencoded');
ajax.send("aid=2608&avatar=https://p3-passport.byteacctimg.com/img/user-avatar/3692ab7cf1fca1d6d2c5a98bf19493f7~50x50.awebp");
ajax.onreadystatechange = function (){
    if(ajax.readyState==4&&ajax.status==200){
        var c = ajax.responseText;
        console.log(c)
    }
}

动画.gif

var ajax = new XMLHttpRequest();
ajax.open('post','https://juejin.cn/web/user/update/user_info/',true);
ajax.setRequestHeader('content-type','application/x-www-form-urlencoded');
ajax.send("aid=2608&avatar=https://p6-passport.byteacctimg.com/img/user-avatar/efc50bbdad583cd7db11f80d17678947~50x50.awebp");
ajax.onreadystatechange = function (){
    if(ajax.readyState==4&&ajax.status==200){
        var c = ajax.responseText;
        console.log(c)
    }
}

动画.gif

总结

虽然复制别人的动态头像比较方便,但寻找的过程还是很麻烦的,所以我建议使用自己制作gif动态上传替换。

软件地址www.lanzouw.com/iw6ma20el4j…

教程可参考ScreenToGif - 开源免费的GIF动画制作利器