投稿    登录
  您好,欢迎光临崔庆才的博客,最近博主在忙复习考试,可能评论和友链不能及时回应,请谅解,至17.1.12解除!

多说默认头像不显示,那就自己来整一个

JavaScript 崔庆才 4449浏览 19评论

前言

今天发现博客评论的默认头像不显示了,博客使用的是多说评论,不知道啥情况,之前设置过一个默认头像,然而今天图片都加载不出来了,可对于我这种强迫症来说,这能忍吗?你能忍我也不能忍啊,这必须不能忍啊,看到一个个的红叉号简直刺透了心。于是,我决定,必须要干掉它!

初步尝试

默认头像不行了,我就重新上传个默认头像对吧,简单粗暴易行。来来来,说试就试!

20150525114559

然而上传完毕之后,它是这个样子滴,依然不给我面子!

20150525114655

你在逗我吗?是不是多说服务器哪里出毛病了?

究其原因

然而,美好的事情总是意想不到的发生,当我知道真相的一刻,整个人都惊呆了。

浏览器里审查一下元素,看它到底引用了神马鬼。

20150525115038

好,我就打开这个链接,惊呆了。简直棒到无极限!

域名已过期!域名已过期!域名已过期!重要的话说三遍!简直溜到不行!

20150525115447

好吧,这真是太棒了!!我还能说些什么!!!

峰回路转

行,既然这样,那我自己提供CDN,用我自己的七牛云存储!

那就用jQuery好了,方便简单,在</head>标签前面加上这么个代码,来试试。

意思是,在页面加载完成之后,把src里面包含cdncache的多说头像img替换掉。

这句话最好加在所有JS的最后面,要不然可能不会生效。JS执行是有先后顺序的。

这样,我们就会发现,头像已经奇迹般地发生了变化。

20150525123151

本身有头像的仍然是那个头像,使用默认头像的已经替换了新头像。

更上一层

然而这并不能满足我的愿望啊,我想要多变的头像样式,就是这么任性!

来来来,改代码,我再传上几个头像,让默认头像的孩纸们随机地使用我的头像,一定是炫爆了!

嗯,把刚才代码优化成这样,我们就可以发现,整个网站的头像就被替换成我们想要的效果了!

20150525123537

简直酷炫!小伙伴们可以尝试一下!

转载请注明:静觅 » 多说默认头像不显示,那就自己来整一个

喜欢 (34)or分享 (0)

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请狠狠点击下面的

  1. 你好,你的评论现在这个样式还是使用的是多说吗?效果超级好,求指导

  2. 你好,博主不知道你有没有注意到一个bug,刷新页面以后因为评论头像会丢失,因为貌似网页的结构发生了变化呢?

  3. 博主很牛啊!正在为这个问题发愁呢,不过,我把最后的代码,加到Header里,为什么没反应呢?